UNPKG

@chakra-ui/react

Version:

Responsive and accessible React UI components built with React and Emotion

32 lines (29 loc) 1.66 kB
"use strict"; "use client"; import { jsx } from 'react/jsx-runtime'; import { DateInput, useDateInputContext } from '@ark-ui/react/date-input'; import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js'; const { withProvider, withContext, useStyles: useDateInputStyles, PropsProvider } = createSlotRecipeContext({ key: "dateInput" }); const DateInputRootProvider = withProvider(DateInput.RootProvider, "root", { forwardAsChild: true }); const DateInputRoot = withProvider( DateInput.Root, "root", { forwardAsChild: true } ); const DateInputPropsProvider = PropsProvider; const DateInputLabel = withContext(DateInput.Label, "label", { forwardAsChild: true }); const DateInputControl = withContext(DateInput.Control, "control", { forwardAsChild: true }); const DateInputSegmentGroup = withContext(DateInput.SegmentGroup, "segmentGroup", { forwardAsChild: true }); const DateInputSegment = withContext(DateInput.Segment, "segment", { forwardAsChild: true }); const DateInputHiddenInput = withContext(DateInput.HiddenInput, "hiddenInput", { forwardAsChild: true }); const DateInputSegments = (props) => { const { index, ...rest } = props; const dateInput = useDateInputContext(); return /* @__PURE__ */ jsx(DateInputSegmentGroup, { index, ...rest, children: dateInput.getSegments({ index }).map((segment, segmentIndex) => /* @__PURE__ */ jsx(DateInputSegment, { segment }, segmentIndex)) }); }; export { DateInputControl, DateInputHiddenInput, DateInputLabel, DateInputPropsProvider, DateInputRoot, DateInputRootProvider, DateInputSegment, DateInputSegmentGroup, DateInputSegments, useDateInputStyles };