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) 3.31 kB
'use client'; var G=Object.create;var h=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var n in t)h(e,n,{get:t[n],enumerable:!0})},v=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of F(t))!j.call(e,r)&&r!==n&&h(e,r,{get:()=>t[r],enumerable:!(a=I(t,r))||a.enumerable});return e};var C=(e,t,n)=>(n=e!=null?G(K(e)):{},v(t||!e||!e.__esModule?h(n,"default",{value:e,enumerable:!0}):n,e)),O=e=>v(h({},"__esModule",{value:!0}),e);var U={};L(U,{default:()=>Q});module.exports=O(U);var o=C(require("react")),A=require("@react-aria/i18n");var Y=require("@internationalized/date"),Z=require("clsx");var s=e=>e?"true":void 0;var l=C(require("react")),w=require("@react-aria/button"),D=require("@react-aria/focus"),B=require("@react-aria/interactions"),x=require("@react-aria/utils");var S=require("react");function W(e,t){typeof e=="function"?e(t):typeof e=="object"&&e!==null&&"current"in e&&(e.current=t)}function q(...e){return t=>{e.forEach(n=>W(n,t))}}function k(...e){return(0,S.useCallback)(q(...e),e)}var E=(0,l.forwardRef)((e,t)=>{let{children:n,autoFocus:a,isDisabled:r,onKeyDown:i,...m}=e,d=(0,l.useRef)(null),{buttonProps:u,isPressed:g}=(0,w.useButton)({elementType:"button",isDisabled:r,onKeyDown:i,...m},d),f=k(d,t),{isFocusVisible:R,isFocused:y,focusProps:P}=(0,D.useFocusRing)({autoFocus:a}),{isHovered:c,hoverProps:H}=(0,B.useHover)({isDisabled:r});return l.default.createElement("button",{ref:f,"data-disabled":s(r),"data-focus":s(y),"data-focus-visible":s(R),"data-hover":s(c),"data-pressed":s(g),className:e.className,...(0,x.mergeProps)(P,H,u,(0,x.filterDOMProps)(m))},n)});E.displayName="Button";var T=E;var p=C(require("react"));function V(e){let t=(0,p.createContext)(null);return[({children:r,value:i})=>p.default.createElement(t.Provider,{value:i},r),()=>{let r=(0,p.useContext)(t);if(r===null)throw new Error(e);return r}]}var[ae,N]=V("Calendar component was not found in tree");var b=C(require("react")),z=e=>b.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},b.createElement("path",{d:"m5 7.5 5 5 5-5",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),M=z;var J=e=>{let{date:t,currentMonth:n,...a}=e,{state:r,headerRef:i,withPicker:m,classNames:d,styles:u,isPickerExpanded:g,setPickerExpanded:f}=N(),y=(0,A.useDateFormatter)({month:"long",era:n.calendar.identifier==="gregory"&&n.era==="BC"?"short":void 0,calendar:n.calendar.identifier,timeZone:r.timeZone,year:"numeric"}).format(t.toDate(r.timeZone)),P=(0,o.useCallback)(c=>{c.key==="Escape"&&(c.preventDefault(),c.stopPropagation(),f?.(!1))},[f]);return m?o.default.createElement("div",{className:d.month,style:u?.month,ref:i,...a},o.default.createElement(T,{onPress:()=>f(!g),onKeyDown:P,className:d?.picker?.button,style:u?.picker?.button,ref:i,"data-expanded":s(g)},o.default.createElement("span",{key:n.month,"aria-hidden":!0},y),o.default.createElement(M,{role:"chevron-down",className:d?.picker?.buttonIcon,style:u?.picker?.buttonIcon}))):o.default.createElement("div",{className:d.month,style:u?.month,ref:i,...a},o.default.createElement("span",{key:n.month,"aria-hidden":!0},y))},Q=J;