@mantine/dates 7.16.3 → 8.0.0-alpha.0

package/lib/components/PickerInputBase/PickerInputBase.d.ts

@@ -5,21 +5,21 @@ import { DateFormatter } from '../../utils';
 import { HiddenDatesInputValue } from '../HiddenDatesInput';
 export type PickerInputBaseStylesNames = __InputStylesNames;
 export interface DateInputSharedProps extends Omit<__BaseInputProps, 'size'>, ElementProps<'button', 'defaultValue' | 'value' | 'onChange' | 'type'> {
-    /** Determines whether dropdown should be closed when date is selected, not applicable when type="multiple", true by default */
+    /** Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"`, `true` by default */
     closeOnChange?: boolean;
-    /** Type of dropdown, defaults to popover */
+    /** Type of the dropdown, `'popover'` by default */
     dropdownType?: 'popover' | 'modal';
-    /** Props passed down to Popover component */
+    /** Props passed down to `Popover` component */
     popoverProps?: Partial<Omit<PopoverProps, 'children'>>;
-    /** Props passed down to Modal component */
+    /** Props passed down to `Modal` component */
     modalProps?: Partial<Omit<ModalProps, 'children'>>;
-    /** Determines whether input value can be cleared, adds clear button to right section, false by default */
+    /** If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. `false` by default */
     clearable?: boolean;
-    /** Props passed down to clear button */
+    /** Props passed down to the clear button */
     clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Determines whether the user can modify the value */
+    /** If set, the component value cannot be changed by the user */
     readOnly?: boolean;
-    /** Determines whether dates value should be sorted before onChange call, only applicable when type="multiple", true by default */
+    /** Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple", `true` by default */
     sortDates?: boolean;
     /** Separator between range value */
     labelSeparator?: string;
@@ -27,6 +27,8 @@ export interface DateInputSharedProps extends Omit<__BaseInputProps, 'size'>, El
     placeholder?: string;
     /** A function to format selected dates values into a string. By default, date is formatted based on the input type. */
     valueFormatter?: DateFormatter;
+    /** Called when the dropdown is closed */
+    onDropdownClose?: () => void;
 }
 export interface PickerInputBaseProps extends BoxProps, DateInputSharedProps, Omit<StylesApiProps<PickerInputBaseFactory>, 'classNames' | 'styles'> {
     classNames?: Partial<Record<string, string>>;
@@ -41,6 +43,7 @@ export interface PickerInputBaseProps extends BoxProps, DateInputSharedProps, Om
     value: HiddenDatesInputValue;
     type: DatePickerType;
     size?: MantineSize;
+    withTime?: boolean;
 }
 export type PickerInputBaseFactory = Factory<{
     props: PickerInputBaseProps;

package/lib/components/SpinInput/SpinInput.d.ts

@@ -0,0 +1,12 @@
+interface SpinInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'value'> {
+    value: number | null;
+    min: number;
+    max: number;
+    onChange: (value: number | null) => void;
+    focusable: boolean;
+    step: number;
+    onNextInput?: () => void;
+    onPreviousInput?: () => void;
+}
+export declare const SpinInput: import("react").ForwardRefExoticComponent<SpinInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/lib/components/SpinInput/index.d.ts

@@ -0,0 +1 @@
+export { SpinInput } from './SpinInput';

package/lib/components/TimeGrid/TimeGrid.context.d.ts

@@ -0,0 +1,10 @@
+import { GetStylesApi } from '@mantine/core';
+import type { TimeGridFactory } from './TimeGrid';
+interface TimeGridContextValue {
+    getStyles: GetStylesApi<TimeGridFactory>;
+}
+export declare const TimeGridProvider: ({ children, value }: {
+    value: TimeGridContextValue;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useTimeGridContext: () => TimeGridContextValue;
+export {};

package/lib/components/TimeGrid/TimeGrid.d.ts

@@ -0,0 +1,52 @@
+import { BoxProps, DataAttributes, ElementProps, Factory, MantineRadius, MantineSize, SimpleGridProps, StylesApiProps } from '@mantine/core';
+import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
+export type TimeGridStylesNames = 'root' | 'control' | 'simpleGrid';
+export type TimeGridCssVariables = {
+    root: '--time-grid-fz' | '--time-grid-radius';
+};
+export interface TimeGridProps extends BoxProps, StylesApiProps<TimeGridFactory>, ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {
+    /** Time data in 24h format to be displayed in the grid, for example `['10:00', '18:30', '22:00']`. Time values must be unique. */
+    data: string[];
+    /** Controlled component value */
+    value?: string | null;
+    /** Uncontrolled component default value */
+    defaultValue?: string | null;
+    /** Called when value changes */
+    onChange?: (value: string | null) => void;
+    /** Determines whether the value can be deselected when the current active option is clicked or activated with keyboard, `false` by default */
+    allowDeselect?: boolean;
+    /** Time format displayed in the grid, `'24h'` by default */
+    format?: TimePickerFormat;
+    /** Determines whether the seconds part should be displayed, `false` by default */
+    withSeconds?: boolean;
+    /** Labels used for am/pm values, `{ am: 'AM', pm: 'PM' }` by default */
+    amPmLabels?: TimePickerAmPmLabels;
+    /** Props passed down to the underlying `SimpleGrid` component, `{ cols: 3, spacing: 'xs' }` by default */
+    simpleGridProps?: SimpleGridProps;
+    /** A function to pass props down to control based on the time value */
+    getControlProps?: (time: string) => React.ComponentPropsWithoutRef<'button'> & DataAttributes;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** Control `font-size` of controls, key of `theme.fontSizes` or any valid CSS value, `'sm'` by default */
+    size?: MantineSize;
+    /** All controls before this time are disabled */
+    minTime?: string;
+    /** All controls after this time are disabled */
+    maxTime?: string;
+    /** Array of time values to disable */
+    disableTime?: string[] | ((time: string) => boolean);
+    /** If set, all controls are disabled */
+    disabled?: boolean;
+}
+export type TimeGridFactory = Factory<{
+    props: TimeGridProps;
+    ref: HTMLDivElement;
+    stylesNames: TimeGridStylesNames;
+    vars: TimeGridCssVariables;
+}>;
+export declare const TimeGrid: import("@mantine/core").MantineComponent<{
+    props: TimeGridProps;
+    ref: HTMLDivElement;
+    stylesNames: TimeGridStylesNames;
+    vars: TimeGridCssVariables;
+}>;

package/lib/components/TimeGrid/TimeGridControl.d.ts

@@ -0,0 +1,10 @@
+import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
+interface TimeGridControlProps extends React.ComponentPropsWithoutRef<'button'> {
+    time: string;
+    active: boolean;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    withSeconds: boolean | undefined;
+}
+export declare function TimeGridControl({ time, active, className, amPmLabels, format, withSeconds, ...others }: TimeGridControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/TimeGrid/compare-time.d.ts

@@ -0,0 +1,2 @@
+export declare function isTimeBefore(value: string, compareTo: string): boolean;
+export declare function isTimeAfter(value: string, compareTo: string): boolean;

package/lib/components/TimeGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { TimeGrid } from './TimeGrid';
+export { isTimeBefore, isTimeAfter } from './compare-time';
+export type { TimeGridCssVariables, TimeGridFactory, TimeGridProps, TimeGridStylesNames, } from './TimeGrid';

package/lib/components/TimeInput/TimeInput.d.ts

@@ -1,10 +1,10 @@
 import { __BaseInputProps, __InputStylesNames, BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
 export interface TimeInputProps extends BoxProps, __BaseInputProps, StylesApiProps<TimeInputFactory>, ElementProps<'input', 'size'> {
-    /** Determines whether seconds input should be rendered */
+    /** Determines whether seconds input should be displayed, `false` by default */
     withSeconds?: boolean;
-    /** Minimum possible string time, if withSeconds is true, time should be in format HH:mm:ss, otherwise HH:mm */
+    /** Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm */
     minTime?: string;
-    /** Maximum possible string time, if withSeconds is true, time should be in format HH:mm:ss, otherwise HH:mm */
+    /** Maximum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm */
     maxTime?: string;
 }
 export type TimeInputFactory = Factory<{

package/lib/components/TimePicker/AmPmInput/AmPmInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AmPmInputProps extends Omit<React.ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {
+    labels: {
+        am: string;
+        pm: string;
+    };
+    value: string | null;
+    onChange: (value: string | null) => void;
+    readOnly?: boolean;
+    onPreviousInput?: () => void;
+}
+export declare const AmPmInput: React.ForwardRefExoticComponent<AmPmInputProps & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/lib/components/TimePicker/TimeControlsList/AmPmControlsList.d.ts

@@ -0,0 +1,13 @@
+interface AmPmControlsListProps {
+    value: string | null;
+    onSelect: (value: string) => void;
+    labels: {
+        am: string;
+        pm: string;
+    };
+}
+export declare function AmPmControlsList({ labels, value, onSelect }: AmPmControlsListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AmPmControlsList {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/TimeControlsList/TimeControl.d.ts

@@ -0,0 +1,10 @@
+interface TimeControlProps {
+    value: number | string;
+    active: boolean;
+    onSelect: (value: any) => void;
+}
+export declare function TimeControl({ value, active, onSelect }: TimeControlProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeControl {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/TimeControlsList/TimeControlsList.d.ts

@@ -0,0 +1,12 @@
+interface TimeControlsListProps {
+    min: number;
+    max: number;
+    step: number;
+    value: number | null;
+    onSelect: (value: number) => void;
+}
+export declare function TimeControlsList({ min, max, step, value, onSelect }: TimeControlsListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeControlsList {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/TimePicker.context.d.ts

@@ -0,0 +1,12 @@
+import { GetStylesApi, ScrollAreaProps } from '@mantine/core';
+import type { TimePickerFactory } from './TimePicker';
+interface TimePickerContext {
+    getStyles: GetStylesApi<TimePickerFactory>;
+    maxDropdownContentHeight: number;
+    scrollAreaProps: ScrollAreaProps | undefined;
+}
+export declare const TimePickerProvider: ({ children, value }: {
+    value: TimePickerContext;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useTimePickerContext: () => TimePickerContext;
+export {};

package/lib/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,98 @@
+import { __BaseInputProps, __InputStylesNames, BoxProps, CloseButtonProps, DataAttributes, ElementProps, Factory, InputVariant, PopoverProps, ScrollAreaProps, StylesApiProps } from '@mantine/core';
+import { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, TimePickerPresets } from './TimePicker.types';
+export type TimePickerStylesNames = 'fieldsRoot' | 'fieldsGroup' | 'field' | 'controlsList' | 'controlsListGroup' | 'control' | 'dropdown' | 'presetsRoot' | 'presetsGroup' | 'presetsGroupLabel' | 'presetControl' | 'scrollarea' | __InputStylesNames;
+export type TimePickerCssVariables = {
+    dropdown: '--control-font-size';
+};
+export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiProps<TimePickerFactory>, ElementProps<'div', 'onChange' | 'defaultValue'> {
+    /** Controlled component value */
+    value?: string;
+    /** Uncontrolled component default value */
+    defaultValue?: string;
+    /** Called when the value changes */
+    onChange?: (value: string) => void;
+    /** Determines whether the clear button should be displayed, `false` by default */
+    clearable?: boolean;
+    /** `name` prop passed down to the hidden input */
+    name?: string;
+    /** `form` prop passed down to the hidden input */
+    form?: string;
+    /** Min possible time value in `hh:mm:ss` format */
+    min?: string;
+    /** Max possible time value in `hh:mm:ss` format */
+    max?: string;
+    /** Time format, `'24h'` by default */
+    format?: TimePickerFormat;
+    /** Number by which hours are incremented/decremented, `1` by default */
+    hoursStep?: number;
+    /** Number by which minutes are incremented/decremented, `1` by default */
+    minutesStep?: number;
+    /** Number by which seconds are incremented/decremented, `1` by default */
+    secondsStep?: number;
+    /** Determines whether the seconds input should be displayed, `false` by default */
+    withSeconds?: boolean;
+    /** `aria-label` of hours input */
+    hoursInputLabel?: string;
+    /** `aria-label` of minutes input */
+    minutesInputLabel?: string;
+    /** `aria-label` of seconds input */
+    secondsInputLabel?: string;
+    /** `aria-label` of am/pm input */
+    amPmInputLabel?: string;
+    /** Labels used for am/pm values, `{ am: 'AM', pm: 'PM' }` by default */
+    amPmLabels?: TimePickerAmPmLabels;
+    /** Determines whether the dropdown with time controls list should be visible when the input has focus, `false` by default */
+    withDropdown?: boolean;
+    /** Props passed down to `Popover` component */
+    popoverProps?: PopoverProps;
+    /** Called once when one of the inputs is focused, not called when focused is shifted between hours, minutes, seconds and am/pm inputs */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Called once when the focus is no longer on any of the inputs */
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /** Props passed down to clear button */
+    clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;
+    /** Props passed down to hours input */
+    hoursInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    /** Props passed down to minutes input */
+    minutesInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    /** Props passed down to seconds input */
+    secondsInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    /** Props passed down to am/pm select */
+    amPmSelectProps?: React.ComponentPropsWithoutRef<'select'> & DataAttributes;
+    /** If set, the value cannot be updated */
+    readOnly?: boolean;
+    /** If set, the component becomes disabled */
+    disabled?: boolean;
+    /** Props passed down to the hidden input */
+    hiddenInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    /** A function to transform paste values, by default time in 24h format can be parsed on paste for example `23:34:22` */
+    pasteSplit?: TimePickerPasteSplit;
+    /** A ref object to get node reference of the hours input */
+    hoursRef?: React.Ref<HTMLInputElement>;
+    /** A ref object to get node reference of the minutes input */
+    minutesRef?: React.Ref<HTMLInputElement>;
+    /** A ref object to get node reference of the seconds input */
+    secondsRef?: React.Ref<HTMLInputElement>;
+    /** A ref object to get node reference of the am/pm select */
+    amPmRef?: React.Ref<HTMLSelectElement>;
+    /** Time presets to display in the dropdown */
+    presets?: TimePickerPresets;
+    /** Maximum height of the content displayed in the dropdown in px, `200` by default */
+    maxDropdownContentHeight?: number;
+    /** Props passed down to all underlying `ScrollArea` components */
+    scrollAreaProps?: ScrollAreaProps;
+}
+export type TimePickerFactory = Factory<{
+    props: TimePickerProps;
+    ref: HTMLDivElement;
+    stylesNames: TimePickerStylesNames;
+    vars: TimePickerCssVariables;
+    variant: InputVariant;
+}>;
+export declare const TimePicker: import("@mantine/core").MantineComponent<{
+    props: TimePickerProps;
+    ref: HTMLDivElement;
+    stylesNames: TimePickerStylesNames;
+    vars: TimePickerCssVariables;
+    variant: InputVariant;
+}>;

package/lib/components/TimePicker/TimePicker.types.d.ts

@@ -0,0 +1,22 @@
+export type TimePickerFormat = '12h' | '24h';
+export interface TimePickerAmPmLabels {
+    am: string;
+    pm: string;
+}
+export interface TimePickerPasteSplitInput {
+    time: string;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+}
+export interface TimePickerPasteSplitReturnType {
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+    amPm: string | null;
+}
+export type TimePickerPasteSplit = (input: TimePickerPasteSplitInput) => TimePickerPasteSplitReturnType;
+export interface TimePickerPresetGroup {
+    label: React.ReactNode;
+    values: string[];
+}
+export type TimePickerPresets = string[] | TimePickerPresetGroup[];

package/lib/components/TimePicker/TimePresets/TimePresetControl.d.ts

@@ -0,0 +1,14 @@
+import { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker.types';
+interface TimePresetControlProps {
+    value: string;
+    active: boolean;
+    onChange: (value: string) => void;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    withSeconds: boolean;
+}
+export declare function TimePresetControl({ value, active, onChange, format, amPmLabels, withSeconds, }: TimePresetControlProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimePresetControl {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/TimePresets/TimePresetGroup.d.ts

@@ -0,0 +1,14 @@
+import { TimePickerAmPmLabels, TimePickerFormat, TimePickerPresetGroup } from '../TimePicker.types';
+interface TimePresetGroupProps {
+    value: string;
+    data: TimePickerPresetGroup;
+    onChange: (value: string) => void;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    withSeconds: boolean;
+}
+export declare function TimePresetGroup({ value, data, onChange, format, amPmLabels, withSeconds, }: TimePresetGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimePresetGroup {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/TimePresets/TimePresets.d.ts

@@ -0,0 +1,14 @@
+import { TimePickerAmPmLabels, TimePickerFormat, TimePickerPresets } from '../TimePicker.types';
+interface TimePresetsProps {
+    presets: TimePickerPresets;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    value: string;
+    withSeconds: boolean;
+    onChange: (value: string) => void;
+}
+export declare function TimePresets({ presets, format, amPmLabels, withSeconds, value, onChange, }: TimePresetsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace TimePresets {
+    var displayName: string;
+}
+export {};

package/lib/components/TimePicker/index.d.ts

@@ -0,0 +1,4 @@
+export { TimePicker } from './TimePicker';
+export { getTimeRange } from './utils/get-time-range/get-time-range';
+export type { TimePickerCssVariables, TimePickerFactory, TimePickerProps, TimePickerStylesNames, } from './TimePicker';
+export type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, TimePickerPresets, } from './TimePicker.types';

package/lib/components/TimePicker/use-time-picker.d.ts

@@ -0,0 +1,40 @@
+import type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit } from './TimePicker.types';
+interface UseTimePickerInput {
+    value: string | undefined;
+    defaultValue: string | undefined;
+    onChange: ((value: string) => void) | undefined;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    withSeconds: boolean | undefined;
+    min: string | undefined;
+    max: string | undefined;
+    readOnly: boolean | undefined;
+    disabled: boolean | undefined;
+    clearable: boolean | undefined;
+    pasteSplit: TimePickerPasteSplit | undefined;
+}
+export declare function useTimePicker({ value, defaultValue, onChange, format, amPmLabels, withSeconds, min, max, clearable, readOnly, disabled, pasteSplit, }: UseTimePickerInput): {
+    refs: {
+        hours: import("react").RefObject<HTMLInputElement | null>;
+        minutes: import("react").RefObject<HTMLInputElement | null>;
+        seconds: import("react").RefObject<HTMLInputElement | null>;
+        amPm: import("react").RefObject<HTMLSelectElement | null>;
+    };
+    values: {
+        hours: number | null;
+        minutes: number | null;
+        seconds: number | null;
+        amPm: string | null;
+    };
+    setHours: (value: number | null) => void;
+    setMinutes: (value: number | null) => void;
+    setSeconds: (value: number | null) => void;
+    setAmPm: (value: string | null) => void;
+    focus: (field: "hours" | "minutes" | "seconds" | "amPm") => void;
+    clear: () => void;
+    onPaste: (event: React.ClipboardEvent<any>) => void;
+    setTimeString: (timeString: string) => void;
+    isClearable: boolean | undefined;
+    hiddenInputValue: string;
+};
+export {};

package/lib/components/TimePicker/utils/clamp-time/clamp-time.d.ts

@@ -0,0 +1,6 @@
+export declare function clampTime(time: string, min: string, max: string): {
+    timeString: string;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};

package/lib/components/TimePicker/utils/get-parsed-time/get-parsed-time.d.ts

@@ -0,0 +1,35 @@
+import { TimePickerAmPmLabels, TimePickerFormat } from '../../TimePicker.types';
+interface GetParsedTimeInput {
+    time: string;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+}
+interface ConvertTimeTo12HourFormatInput {
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+    amPmLabels: TimePickerAmPmLabels;
+}
+export declare function convertTimeTo12HourFormat({ hours, minutes, seconds, amPmLabels, }: ConvertTimeTo12HourFormatInput): {
+    hours: null;
+    minutes: null;
+    seconds: null;
+    amPm: null;
+} | {
+    hours: number;
+    minutes: number | null;
+    seconds: number | null;
+    amPm: string;
+};
+export declare function getParsedTime({ time, format, amPmLabels }: GetParsedTimeInput): {
+    hours: number;
+    minutes: number | null;
+    seconds: number | null;
+    amPm: string;
+} | {
+    amPm: null;
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+};
+export {};

package/lib/components/TimePicker/utils/get-time-range/get-time-range.d.ts

@@ -0,0 +1,7 @@
+interface GetTimeRangeInput {
+    startTime: string;
+    endTime: string;
+    interval: string;
+}
+export declare function getTimeRange({ startTime, endTime, interval }: GetTimeRangeInput): string[];
+export {};

package/lib/components/TimePicker/utils/get-time-string/get-time-string.d.ts

@@ -0,0 +1,15 @@
+import { TimePickerAmPmLabels, TimePickerFormat } from '../../TimePicker.types';
+interface GetTimeStringInput {
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+    format: TimePickerFormat;
+    withSeconds: boolean;
+    amPm: string | null;
+    amPmLabels: TimePickerAmPmLabels;
+}
+export declare function getTimeString({ hours, minutes, seconds, format, withSeconds, amPm, amPmLabels, }: GetTimeStringInput): {
+    valid: boolean;
+    value: string;
+};
+export {};

package/lib/components/TimePicker/utils/is-same-time/is-same-time.d.ts

@@ -0,0 +1,7 @@
+interface IsSameTimeInput {
+    time: string;
+    compare: string;
+    withSeconds: boolean;
+}
+export declare function isSameTime({ time, compare, withSeconds }: IsSameTimeInput): boolean;
+export {};

package/lib/components/TimePicker/utils/pad-time/pad-time.d.ts

@@ -0,0 +1 @@
+export declare function padTime(value: number): string;

package/lib/components/TimePicker/utils/split-time-string/split-time-string.d.ts

@@ -0,0 +1,5 @@
+export declare function splitTimeString(timeString: string): {
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+};

package/lib/components/TimePicker/utils/time-to-seconds/time-to-seconds.d.ts

@@ -0,0 +1,7 @@
+export declare function timeToSeconds(timeStr: string): number;
+export declare function secondsToTime(seconds: number): {
+    timeString: string;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};

package/lib/components/TimeValue/TimeValue.d.ts

@@ -0,0 +1,15 @@
+import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
+export interface TimeValueProps {
+    /** Time to format */
+    value: string | Date;
+    /** Time format, `'24h'` by default */
+    format?: TimePickerFormat;
+    /** AM/PM labels, `{ am: 'AM', pm: 'PM' }` by default */
+    amPmLabels?: TimePickerAmPmLabels;
+    /** Determines whether seconds should be displayed, `false` by default */
+    withSeconds?: boolean;
+}
+export declare function TimeValue({ value, format, amPmLabels, withSeconds, }: TimeValueProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeValue {
+    var displayName: string;
+}

package/lib/components/TimeValue/get-formatted-time/get-formatted-time.d.ts

@@ -0,0 +1,8 @@
+import type { TimePickerAmPmLabels, TimePickerFormat } from '../../TimePicker';
+export interface GetFormattedTimeInput {
+    value: string | Date;
+    format: TimePickerFormat;
+    amPmLabels: TimePickerAmPmLabels;
+    withSeconds: boolean;
+}
+export declare function getFormattedTime({ value, format, amPmLabels, withSeconds, }: GetFormattedTimeInput): string | null;

package/lib/components/TimeValue/index.d.ts

@@ -0,0 +1,2 @@
+export { TimeValue } from './TimeValue';
+export type { TimeValueProps } from './TimeValue';

package/lib/components/WeekdaysRow/WeekdaysRow.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '@mantine/core';
-import type { DayOfWeek } from '../../types';
+import type { DateLabelFormat, DayOfWeek } from '../../types';
 export type WeekdaysRowStylesNames = 'weekday' | 'weekdaysRow';
 export type WeekdaysRowCssVariables = {
     weekdaysRow: '--wr-fz' | '--wr-spacing';
@@ -8,15 +8,15 @@ export interface WeekdaysRowProps extends BoxProps, StylesApiProps<WeekdaysRowFa
     __staticSelector?: string;
     /** Controls size */
     size?: MantineSize;
-    /** Dayjs locale, defaults to value defined in DatesProvider */
+    /** dayjs locale */
     locale?: string;
-    /** Number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday */
+    /** Number 0-6, 0 – Sunday, 6 – Saturday, `1` – Monday by default */
     firstDayOfWeek?: DayOfWeek;
-    /** Dayjs format to get weekday name, defaults to "dd" */
-    weekdayFormat?: string | ((date: Date) => React.ReactNode);
-    /** Choose cell type that will be used to render weekdays, defaults to th */
+    /** dayjs format to get weekday name, `'dd'` by default */
+    weekdayFormat?: DateLabelFormat;
+    /** Sets cell type that is used for weekdays, `'th'` by default */
     cellComponent?: 'td' | 'th';
-    /** Determines whether week numbers should be displayed */
+    /** If set, heading for week numbers is displayed */
     withWeekNumbers?: boolean;
 }
 export type WeekdaysRowFactory = Factory<{

package/lib/components/WeekdaysRow/get-weekdays-names/get-weekdays-names.d.ts

@@ -1,7 +1,7 @@
-import type { DayOfWeek } from '../../../types';
+import type { DateLabelFormat, DayOfWeek } from '../../../types';
 interface GetWeekdaysNamesInput {
     locale: string;
-    format?: string | ((date: Date) => React.ReactNode);
+    format?: DateLabelFormat;
     firstDayOfWeek?: DayOfWeek;
 }
 export declare function getWeekdayNames({ locale, format, firstDayOfWeek, }: GetWeekdaysNamesInput): import("react").ReactNode[];