@guruhotel/aura-ui/cjs/calendar/calendar-header.js

⚛️ React UI library by GuruHotel

var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.CalendarHeader=function({state:e,index:h,calendarProps:x,prevButtonProps:m,nextButtonProps:p,prevIcon:j,nextIcon:q}){const{as:f,monthDateFormat:b,withSelectors:g}=(0,d.useCalendarProps)(),v=(0,r.useDateFormatter)({month:b.month,year:b.year,timeZone:e.timeZone}),C=v.format(e.visibleRange.start.add({months:h}).toDate(e.timeZone)),y=v.format(e.visibleRange.start.add({months:h+1}).toDate(e.timeZone));return(0,u.jsxs)(s.Stack,{css:{alignItems:"center",pb:"$4"},children:[(0,u.jsx)(n.VisuallyHidden,{children:(0,u.jsx)(i.Text,{as:"h2",children:x["aria-label"]})}),"infinite"!==f&&(0,u.jsx)(t.CalendarButton,{...m,children:j||(0,u.jsx)(a.ChevronLeftRegular,{label:"left"})}),g?(0,u.jsxs)(s.Stack,{css:{gap:"$2",flex:"1 1 0%",alignItems:"center",justifyContent:"center"},children:[(0,u.jsx)(c.MonthSelector,{state:e}),(0,u.jsx)(c.YearSelector,{state:e})]}):(0,u.jsx)(l.HeaderTitle,{"aria-hidden":!0,as:"h2",children:(0,o.capitalizeFirstLetter)(C)}),"double"===f&&(0,u.jsx)(l.HeaderTitle,{"aria-hidden":!0,as:"h2",css:{marginLeft:"10%"},children:(0,o.capitalizeFirstLetter)(y)}),"infinite"!==f&&(0,u.jsx)(t.CalendarButton,{...p,children:q||(0,u.jsx)(a.ChevronRightRegular,{label:"right"})})]})};e(require("react"));var r=require("@react-aria/i18n"),t=require("./button"),a=require("../icons"),i=require("../text"),n=require("../visually-hidden"),s=require("../stack"),l=require("./calendar.styles"),o=require("./utils"),c=require("./calendar-selectors"),d=require("./calendar-props.provider"),u=require("react/jsx-runtime");