@zenithui/time-picker
Version:
A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.
19 lines (18 loc) • 2.09 kB
JavaScript
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__ from "@radix-ui/react-popover";
import * as __WEBPACK_EXTERNAL_MODULE__zenithui_utils_3fcf552b__ from "@zenithui/utils";
const Popover = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Root;
const PopoverTrigger = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Trigger;
const PopoverAnchor = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Anchor;
const PopoverContent = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(({ className, align = "center", sideOffset = 4, openAnimate = "fade", closeAnimate = "fade", ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Portal, {
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Content, {
ref: ref,
align: align,
sideOffset: sideOffset,
className: (0, __WEBPACK_EXTERNAL_MODULE__zenithui_utils_3fcf552b__.cn)("popover-content", "data-[side=bottom]:slide-in-from-top data-[side=left]:slide-in-from-right data-[side=right]:slide-in-from-left data-[side=top]:slide-in-from-bottom", "fade" === openAnimate && "fade-in", "fade" === closeAnimate && "fade-out", "zoom" === openAnimate && "zoom-in", "zoom" === closeAnimate && "zoom-out", "bounce" === openAnimate && "bounce-in", "bounce" === closeAnimate && "bounce-out", "flip" === openAnimate && "flip-in", "flip" === closeAnimate && "flip-out", "rotate" === openAnimate && "rotate-in", "rotate" === closeAnimate && "rotate-out", className),
...props
})
}));
PopoverContent.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Content.displayName;
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };