UNPKG

react-calendar-kit

Version:

React Calendar Kit is a powerful and flexible library for building accessible and highly customizable calendar and date/time picker components in your React applications. React Calendar Kit provides a solid foundation for creating inclusive user experienc

3 lines (2 loc) 1.16 kB
'use client'; import{a as p}from"./chunk-SO6NUY46.mjs";import{c as l}from"./chunk-RBKSHWF4.mjs";import o,{forwardRef as x,useRef as E}from"react";import{CalendarDate as n,createCalendar as N}from"@internationalized/date";import{useDateField as v}from"@react-aria/datepicker";import{useLocale as I}from"@react-aria/i18n";import{filterDOMProps as L,mergeProps as i}from"@react-aria/utils";import{useDateFieldState as M}from"@react-stately/datepicker";var d=(t,m)=>{let{fieldProps:f={},inputProps:u={},classNames:P={},styles:c={},shouldForceLeadingZeros:s=!0,minValue:y=new n(1900,1,1),maxValue:D=new n(2099,12,31),createCalendar:a,segmentProps:g,formatSegment:R,...F}=t,{locale:C}=I(),e=M({...t,locale:C,minValue:y,maxValue:D,shouldForceLeadingZeros:s,createCalendar:!a||typeof a!="function"?N:a}),r=E(null),S=l(r,m),{fieldProps:T,inputProps:V}=v({...t,shouldForceLeadingZeros:s},e,r);return o.createElement("div",{"data-disabled":e.isDisabled,"data-invalid":e.isInvalid,ref:S,...L(F)},o.createElement(p,{fieldProps:i(T,f),inputProps:i(V,u),state:e,classNames:P,segmentProps:g,formatSegment:R,styles:c}))};d.displayName="DateRangeField";var Z=x(d);export{Z as a};