@vurilo/nepali-date-picker
Version:
Nepali Calendars, date and time pickers based on Mantine components
32 lines (31 loc) • 1.49 kB
TypeScript
import React from "react";
import { BoxProps, StylesApiProps, ElementProps, Factory } from "@mantine/core";
import { CalendarHeaderStylesNames, CalendarHeaderSettings } from "../CalendarHeader";
import { MonthsListSettings, MonthsListStylesNames } from "../MonthsList";
export type YearLevelStylesNames = MonthsListStylesNames | CalendarHeaderStylesNames;
export interface YearLevelBaseSettings extends MonthsListSettings {
/** dayjs label format to display year label or a function that returns year label based on year value, defaults to "YYYY" */
yearLabelFormat?: string | ((year: Date) => React.ReactNode);
}
export interface YearLevelSettings extends YearLevelBaseSettings, CalendarHeaderSettings {
}
export interface YearLevelProps extends BoxProps, YearLevelSettings, Omit<StylesApiProps<YearLevelFactory>, "classNames" | "styles">, ElementProps<"div"> {
classNames?: Partial<Record<string, string>>;
styles?: Partial<Record<string, React.CSSProperties>>;
__staticSelector?: string;
/** Year that is currently displayed */
year: Date;
/** aria-label for change level control */
levelControlAriaLabel?: string;
isNepali?: boolean;
}
export type YearLevelFactory = Factory<{
props: YearLevelProps;
ref: HTMLDivElement;
stylesNames: YearLevelStylesNames;
}>;
export declare const YearLevel: import("@mantine/core").MantineComponent<{
props: YearLevelProps;
ref: HTMLDivElement;
stylesNames: YearLevelStylesNames;
}>;