UNPKG

@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
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 };