UNPKG

@chakra-ui/react

Version:

Responsive and accessible React UI components built with React and Emotion

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