UNPKG

@vurilo/nepali-date-picker

Version:

Nepali Calendars, date and time pickers based on Mantine components

58 lines (57 loc) 2.41 kB
import React from 'react'; import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '@mantine/core'; export type CalendarHeaderStylesNames = 'calendarHeader' | 'calendarHeaderControl' | 'calendarHeaderLevel' | 'calendarHeaderControlIcon'; export type CalendarHeaderCssVariables = { calendarHeader: '--dch-control-size' | '--dch-fz'; }; export interface CalendarHeaderSettings { __preventFocus?: boolean; /** Determines whether propagation for Escape key should be stopped */ __stopPropagation?: boolean; /** Change next icon */ nextIcon?: React.ReactNode; /** Change previous icon */ previousIcon?: React.ReactNode; /** aria-label for next button */ nextLabel?: string; /** aria-label for previous button */ previousLabel?: string; /** Called when next button is clicked */ onNext?: () => void; /** Called when previous button is clicked */ onPrevious?: () => void; /** Called when level button is clicked */ onLevelClick?: () => void; /** Determines whether next control should be disabled, defaults to true */ nextDisabled?: boolean; /** Determines whether previous control should be disabled, defaults to true */ previousDisabled?: boolean; /** Determines whether next level button should be enabled, defaults to true */ hasNextLevel?: boolean; /** Determines whether next control should be rendered, defaults to true */ withNext?: boolean; /** Determines whether previous control should be rendered, defaults to true */ withPrevious?: boolean; /** Component size */ size?: MantineSize; } export interface CalendarHeaderProps extends BoxProps, CalendarHeaderSettings, StylesApiProps<CalendarHeaderFactory>, ElementProps<'div'> { __staticSelector?: string; /** Label displayed between next and previous buttons */ label: React.ReactNode; /** aria-label for level control */ levelControlAriaLabel?: string; isNepali?: boolean; } export type CalendarHeaderFactory = Factory<{ props: CalendarHeaderProps; ref: HTMLDivElement; stylesNames: CalendarHeaderStylesNames; vars: CalendarHeaderCssVariables; }>; export declare const CalendarHeader: import("@mantine/core").MantineComponent<{ props: CalendarHeaderProps; ref: HTMLDivElement; stylesNames: CalendarHeaderStylesNames; vars: CalendarHeaderCssVariables; }>;