react-calendar-kit/dist/input/date-range-input.js

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

'use client';
var J=Object.create;var C=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var _=(e,t)=>{for(var a in t)C(e,a,{get:t[a],enumerable:!0})},E=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Q(t))!X.call(e,s)&&s!==a&&C(e,s,{get:()=>t[s],enumerable:!(r=K(t,s))||r.enumerable});return e};var R=(e,t,a)=>(a=e!=null?J(U(e)):{},E(t||!e||!e.__esModule?C(a,"default",{value:e,enumerable:!0}):a,e)),$=e=>E(C({},"__esModule",{value:!0}),e);var oe={};_(oe,{default:()=>re});module.exports=$(oe);var u=R(require("react")),Y=require("@react-aria/utils");var D=R(require("react"));var ee=require("@internationalized/date"),v=require("clsx"),S=v.clsx;function T(...e){return e?.reduce((t,a)=>a?{...t,...a}:t,{})??{}}var h=(0,D.forwardRef)((e,t)=>{let{label:a,labelProps:r,children:s,groupProps:d,className:i,style:n,classNames:p,styles:o,startContent:f,endContent:c,...l}=e,m=r?.children??a;return D.default.createElement("div",{...d,...l,className:S(p?.root,i),style:T(o?.root,n)},m?D.default.createElement("label",{...r,className:p?.label,style:o?.label},m):null,D.default.createElement("div",{className:p?.group,style:o?.group,ref:t},f,s,c))});h.displayName="DateInputGroup";var V=h;var y=R(require("react")),b=require("@internationalized/date"),w=require("@react-aria/datepicker"),H=require("@react-aria/i18n"),I=require("@react-aria/utils"),W=require("@react-stately/datepicker");var M=require("react");function te(e,t){typeof e=="function"?e(t):typeof e=="object"&&e!==null&&"current"in e&&(e.current=t)}function ae(...e){return t=>{e.forEach(a=>te(a,t))}}function G(...e){return(0,M.useCallback)(ae(...e),e)}var g=R(require("react")),L=require("@react-aria/utils");var x=R(require("react")),k=require("@react-aria/datepicker"),A=({state:e,segment:t,...a})=>{let r=(0,x.useRef)(null),{segmentProps:s}=(0,k.useDateSegment)(t,e,r);return x.default.createElement("div",{...s,...a,ref:r,"data-editable":t.isEditable,"data-invalid":e.isInvalid,"data-placeholder":t.isPlaceholder,"data-type":t.type,style:{...s.style}},t.text)};var se=(0,g.forwardRef)((e,t)=>{let{state:a,classNames:r,styles:s,inputProps:d={},fieldProps:i={},segmentProps:{className:n="",style:p={},...o}={},formatSegment:f=l=>l,...c}=e;return g.default.createElement("div",{...(0,L.mergeProps)(i,c),"data-disabled":a.isDisabled,"data-invalid":a.isInvalid,className:S(r.segmentWrapper),style:s?.segmentWrapper,ref:t},f(a.segments).map((l,m)=>g.default.createElement(A,{key:m,className:S(r.segment,n),style:T(s?.segment,p),segment:l,state:a,...o})),g.default.createElement("input",{...d}))}),O=se;var j=(e,t)=>{let{fieldProps:a={},inputProps:r={},classNames:s={},styles:d={},shouldForceLeadingZeros:i=!0,minValue:n=new b.CalendarDate(1900,1,1),maxValue:p=new b.CalendarDate(2099,12,31),createCalendar:o,segmentProps:f,formatSegment:c,...l}=e,{locale:m}=(0,H.useLocale)(),P=(0,W.useDateFieldState)({...e,locale:m,minValue:n,maxValue:p,shouldForceLeadingZeros:i,createCalendar:!o||typeof o!="function"?b.createCalendar:o}),N=(0,y.useRef)(null),q=G(N,t),{fieldProps:z,inputProps:B}=(0,w.useDateField)({...e,shouldForceLeadingZeros:i},P,N);return y.default.createElement("div",{"data-disabled":P.isDisabled,"data-invalid":P.isInvalid,ref:q,...(0,I.filterDOMProps)(l)},y.default.createElement(O,{fieldProps:(0,I.mergeProps)(z,a),inputProps:(0,I.mergeProps)(B,r),state:P,classNames:s,segmentProps:f,formatSegment:c,styles:d}))};j.displayName="DateRangeField";var F=(0,y.forwardRef)(j);var Z=(e,t)=>{let{state:a,label:r,groupProps:s={},labelProps:d={},className:i,classNames:n={},separator:p=u.default.createElement("span",{className:n?.separator},"-"),styles:o={},style:f,startContent:c,endContent:l,children:m,getStartDateFieldProps:P,getEndDateFieldProps:N}=e;return u.default.createElement(V,{"data-disabled":a.isInvalid,"data-invalid":a.isInvalid,className:i,classNames:n,styles:o,style:f,labelProps:(0,Y.mergeProps)(d),startContent:c,endContent:l,label:r,ref:t,...s},u.default.createElement("div",{className:n.rangeGroup},u.default.createElement(F,{...P,classNames:n,styles:o}),p,u.default.createElement(F,{...N,classNames:n,styles:o})),m)};Z.displayName="DateRangeInput";var re=(0,u.forwardRef)(Z);