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