@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
32 lines (29 loc) • 1.66 kB
JavaScript
;
"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 };