@cerberus-design/react/dist/components/date-picker/range-input.js

The Cerberus Design React component library.

'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
import { DatePickerParts } from './parts.js';
import { DatePickerTrigger } from './trigger.js';

function RangePickerInput(props) {
  return /* @__PURE__ */ jsxs(DatePickerParts.Control, { "data-range": true, children: [
    /* @__PURE__ */ jsx(DatePickerTrigger, {}),
    /* @__PURE__ */ jsx(
      DatePickerParts.Input,
      {
        ...props,
        "data-range-input": true,
        placeholder: props.placeholder ?? "DD MMM YYYY",
        maxLength: 11,
        index: 0
      }
    ),
    /* @__PURE__ */ jsx(
      DatePickerParts.Input,
      {
        ...props,
        "data-range-input": true,
        "data-range-end-input": true,
        placeholder: props.placeholder ?? "DD MMM YYYY",
        maxLength: 11,
        index: 1
      }
    )
  ] });
}

export { RangePickerInput };