@brightsoftware/date-np/dist/src/RangePicker/Components/range-picker-input.js

Simple & minimal Nepali date picker that just works.

import { jsx as o } from "react/jsx-runtime";
import { forwardRef as k } from "react";
import { cn as s } from "../../../utils/clsx.js";
import { useRangePicker as D } from "../hooks/useRangePicker.js";
import { format as R, formatISO as y } from "../../format.js";
const P = k(
  ({ className: c, placeholder: n = "Select date range...", dateFormat: i }, m) => {
    const { rangePickerState: f, updateRangePickerVisibility: p, getDisplayDateRange: u } = D(), { isVisible: l } = f, { startDate: r, endDate: t } = u(), e = (a) => i ? R(a, i) : y(a), g = () => !r && !t ? n : r && !t ? `From: ${e(r)}` : r && t ? `From: ${e(r)} To: ${e(t)}` : n, d = () => {
      p(!l);
    };
    return /* @__PURE__ */ o(
      "div",
      {
        ref: m,
        className: s(
          c
        ),
        onClick: d,
        children: /* @__PURE__ */ o("span", { className: s(
          !r && !t && "text-gray-500"
        ), children: g() })
      }
    );
  }
);
P.displayName = "RangePickerInput";
export {
  P as default
};