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