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

The Cerberus Design React component library.

'use client';
'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const parts = require('./parts.cjs');
const trigger = require('./trigger.cjs');

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

exports.RangePickerInput = RangePickerInput;