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.19 kB
JavaScript
'use client';
import{a as h}from"./chunk-BQN33ATQ.mjs";import{a as f}from"./chunk-QSOEAWMM.mjs";import{b as c}from"./chunk-WABH67VC.mjs";import{b as l}from"./chunk-VMZM6ONT.mjs";import e,{useCallback as k}from"react";import{useDateFormatter as v}from"@react-aria/i18n";var P=u=>{let{date:y,currentMonth:t,...d}=u,{state:i,headerRef:o,withPicker:C,classNames:r,styles:n,isPickerExpanded:m,setPickerExpanded:a}=l(),p=v({month:"long",era:t.calendar.identifier==="gregory"&&t.era==="BC"?"short":void 0,calendar:t.calendar.identifier,timeZone:i.timeZone,year:"numeric"}).format(y.toDate(i.timeZone)),D=k(s=>{s.key==="Escape"&&(s.preventDefault(),s.stopPropagation(),a?.(!1))},[a]);return C?e.createElement("div",{className:r.month,style:n?.month,ref:o,...d},e.createElement(f,{onPress:()=>a(!m),onKeyDown:D,className:r?.picker?.button,style:n?.picker?.button,ref:o,"data-expanded":c(m)},e.createElement("span",{key:t.month,"aria-hidden":!0},p),e.createElement(h,{role:"chevron-down",className:r?.picker?.buttonIcon,style:n?.picker?.buttonIcon}))):e.createElement("div",{className:r.month,style:n?.month,ref:o,...d},e.createElement("span",{key:t.month,"aria-hidden":!0},p))},B=P;export{B as a};