File manager - Edit - /var/www/payraty/helpdesk/common/resources/client/ui/forms/input-field/date/calendar/calendar.tsx
Back
import React, {Fragment} from 'react'; import {startOfMonth, toCalendarDate} from '@internationalized/date'; import {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query'; import {CalendarMonth} from './calendar-month'; import {DatePickerState} from '../date-picker/use-date-picker-state'; import {DateRangePickerState} from '../date-range-picker/use-date-range-picker-state'; interface CalendarProps { state: DatePickerState | DateRangePickerState; visibleMonths?: 1 | 2; } export function Calendar({state, visibleMonths = 1}: CalendarProps) { const isMobile = useIsMobileMediaQuery(); if (isMobile) { visibleMonths = 1; } return ( <Fragment> {[...new Array(visibleMonths).keys()].map(index => { const startDate = toCalendarDate( startOfMonth(state.calendarDates[index]) ); const isFirst = index === 0; const isLast = index === visibleMonths - 1; return ( <CalendarMonth key={index} state={state} startDate={startDate} isFirst={isFirst} isLast={isLast} /> ); })} </Fragment> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings