igniteui-webcomponents 5.3.0-beta.1 → 5.3.0-beta.2

package/components/common/validators.d.ts

@@ -0,0 +1,56 @@
+type ValidatorHandler<T> = (host: T) => boolean;
+type ValidatorMessageFormat<T> = (host: T) => string;
+/** @ignore */
+export interface Validator<T = any> {
+    key: keyof ValidityStateFlags;
+    message: string | ValidatorMessageFormat<T>;
+    isValid: ValidatorHandler<T>;
+}
+export declare const requiredValidator: Validator<{
+    required: boolean;
+    value?: unknown;
+}>;
+export declare const requiredBooleanValidator: Validator<{
+    required: boolean;
+    checked: boolean;
+}>;
+export declare const minLengthValidator: Validator<{
+    minLength?: number;
+    value: string;
+}>;
+export declare const maxLengthValidator: Validator<{
+    maxLength?: number;
+    value: string;
+}>;
+export declare const patternValidator: Validator<{
+    pattern?: string;
+    value: string;
+}>;
+export declare const minValidator: Validator<{
+    min?: number;
+    value: number | string;
+}>;
+export declare const maxValidator: Validator<{
+    max?: number;
+    value: number | string;
+}>;
+export declare const stepValidator: Validator<{
+    min?: number;
+    step?: number;
+    value: number | string;
+}>;
+export declare const emailValidator: Validator<{
+    value: string;
+}>;
+export declare const urlValidator: Validator<{
+    value: string;
+}>;
+export declare const minDateValidator: Validator<{
+    value?: Date | null;
+    min?: Date | null;
+}>;
+export declare const maxDateValidator: Validator<{
+    value?: Date | null;
+    max?: Date | null;
+}>;
+export {};

package/components/date-picker/date-picker.d.ts

@@ -0,0 +1,288 @@
+import { type TemplateResult } from 'lit';
+import { type DateRangeDescriptor, type WeekDays } from '../calendar/types.js';
+import { type IgcCalendarResourceStrings } from '../common/i18n/calendar.resources.js';
+import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
+import type { AbstractConstructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import type { DatePart } from '../date-time-input/date-util.js';
+import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
+export interface IgcDatePickerComponentEventMap {
+    igcOpening: CustomEvent<void>;
+    igcOpened: CustomEvent<void>;
+    igcClosing: CustomEvent<void>;
+    igcClosed: CustomEvent<void>;
+    igcChange: CustomEvent<Date>;
+    igcInput: CustomEvent<Date>;
+}
+declare const IgcDatePickerComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDatePickerComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxLikeComponent>;
+/**
+ * igc-date-picker is a feature rich component used for entering a date through manual text input or
+ * choosing date values from a calendar dialog that pops up.
+ *
+ * @element igc-date-picker
+ *
+ * @slot prefix - Renders content before the input.
+ * @slot suffix - Renders content after the input.
+ * @slot helper-text - Renders content below the input.
+ * @slot bad-input - Renders content when the value is in the disabledDates ranges.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot range-overflow - Renders content when the max validation fails.
+ * @slot range-underflow - Renders content when the min validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
+ * @slot title - Renders content in the calendar title.
+ * @slot header-date - Renders content instead of the current date/range in the calendar header.
+ * @slot clear-icon - Renders a clear icon template.
+ * @slot calendar-icon - Renders the icon/content for the calendar picker.
+ * @slot calendar-icon-open - Renders the icon/content for the picker in open state.
+ * @slot actions - Renders content in the action part of the picker in open state.
+ *
+ * @fires igcOpening - Emitted just before the calendar dropdown is shown.
+ * @fires igcOpened - Emitted after the calendar dropdown is shown.
+ * @fires igcClosing - Emitted just before the calendar dropdown is hidden.
+ * @fires igcClosed - Emitted after the calendar dropdown is hidden.
+ * @fires igcChange - Emitted when the user modifies and commits the elements's value.
+ * @fires igcInput - Emitted when when the user types in the element.
+ *
+ * @csspart label - The label wrapper that renders content above the target input.
+ * @csspart container - The main wrapper that holds all main input elements.
+ * @csspart input - The native input element.
+ * @csspart prefix - The prefix wrapper.
+ * @csspart suffix - The suffix wrapper.
+ * @csspart calendar-icon - The calendar icon wrapper for closed state.
+ * @csspart calendar-icon-open - The calendar icon wrapper for opened state.
+ * @csspart clear-icon - The clear icon wrapper.
+ * @csspart actions - The actions wrapper.
+ * @csspart helper-text - The helper-text wrapper that renders content below the target input.
+ * @csspart header - The calendar header element.
+ * @csspart header-title - The calendar header title element.
+ * @csspart header-date - The calendar header date element.
+ * @csspart calendar-content - The calendar content element which contains the views and navigation elements.
+ * @csspart navigation - The calendar navigation container element.
+ * @csspart months-navigation - The calendar months navigation button element.
+ * @csspart years-navigation - The calendar years navigation button element.
+ * @csspart years-range - The calendar years range element.
+ * @csspart navigation-buttons - The calendar navigation buttons container.
+ * @csspart navigation-button - The calendar previous/next navigation button.
+ * @csspart days-view-container - The calendar days view container element.
+ * @csspart days-view - The calendar days view element.
+ * @csspart months-view - The calendar months view element.
+ * @csspart years-view - The calendar years view element.
+ * @csspart days-row - The calendar days row element.
+ * @csspart calendar-label - The calendar week header label element.
+ * @csspart week-number - The calendar week number element.
+ * @csspart week-number-inner - The calendar week number inner element.
+ * @csspart date - The calendar date element.
+ * @csspart date-inner - The calendar date inner element.
+ * @csspart first - The calendar first selected date element in range selection.
+ * @csspart last - The calendar last selected date element in range selection.
+ * @csspart inactive - The calendar inactive date element.
+ * @csspart hidden - The calendar hidden date element.
+ * @csspart weekend - The calendar weekend date element.
+ * @csspart range - The calendar range selected element.
+ * @csspart special - The calendar special date element.
+ * @csspart disabled - The calendar disabled date element.
+ * @csspart single - The calendar single selected date element.
+ * @csspart preview - The calendar range selection preview date element.
+ * @csspart month - The calendar month element.
+ * @csspart month-inner - The calendar month inner element.
+ * @csspart year - The calendar year element.
+ * @csspart year-inner - The calendar year inner element.
+ * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.
+ * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.
+ */
+export default class IgcDatePickerComponent extends IgcDatePickerComponent_base {
+    static readonly tagName = "igc-date-picker";
+    static styles: import("lit").CSSResult[];
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private static readonly increment;
+    protected inputId: string;
+    protected get __validators(): import("../common/validators.js").Validator<IgcDatePickerComponent>[];
+    static register(): void;
+    private _activeDate;
+    private _min;
+    private _max;
+    private _disabledDates?;
+    private _dateConstraints?;
+    private _displayFormat?;
+    private _inputFormat?;
+    private get isDropDown();
+    private _input;
+    private _calendar;
+    private prefixes;
+    private suffixes;
+    private actions;
+    private headerDateSlotItems;
+    protected get _isMaterialTheme(): boolean;
+    protected _formValue: FormValue<Date | null>;
+    /**
+     * Sets the state of the datepicker dropdown.
+     * @attr
+     */
+    open: boolean;
+    /**
+     * The label of the datepicker.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Determines whether the calendar is opened in a dropdown or a modal dialog
+     * @attr mode
+     */
+    mode: 'dropdown' | 'dialog';
+    /**
+     * Whether to allow typing in the input.
+     * @attr non-editable
+     */
+    nonEditable: boolean;
+    /**
+     * Makes the control a readonly field.
+     * @attr readonly
+     */
+    readOnly: boolean;
+    /**
+     * The value of the picker
+     * @attr
+     */
+    set value(value: Date | string | null | undefined);
+    get value(): Date | null;
+    /**
+     * Gets/Sets the date which is shown in the calendar picker and is highlighted.
+     * By default it is the current date.
+     */
+    set activeDate(value: Date | string | null | undefined);
+    get activeDate(): Date;
+    /**
+     * The minimum value required for the date picker to remain valid.
+     * @attr
+     */
+    set min(value: Date | string | null | undefined);
+    get min(): Date | null;
+    /**
+     * The maximum value required for the date picker to remain valid.
+     * @attr
+     */
+    set max(value: Date | string | null | undefined);
+    get max(): Date | null;
+    /**
+     * The orientation of the calendar header.
+     * @attr header-orientation
+     */
+    headerOrientation: 'vertical' | 'horizontal';
+    /**
+     * The orientation of the multiple months displayed in the calendar's days view.
+     *  @attr
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Determines whether the calendar hides its header.
+     * @attr hide-header
+     */
+    hideHeader: boolean;
+    /**
+     * Controls the visibility of the dates that do not belong to the current month.
+     * @attr hide-outside-days
+     */
+    hideOutsideDays: boolean;
+    /** Gets/sets disabled dates. */
+    set disabledDates(dates: DateRangeDescriptor[]);
+    get disabledDates(): DateRangeDescriptor[];
+    /** Gets/sets special dates. */
+    specialDates: DateRangeDescriptor[];
+    /**
+     * Whether the control will have outlined appearance.
+     * @attr
+     */
+    outlined: boolean;
+    /**
+     * The placeholder attribute of the control.
+     * @attr
+     */
+    placeholder: string;
+    /**
+     * The number of months displayed in the calendar.
+     * @attr visible-months
+     */
+    visibleMonths: number;
+    /**
+     * Whether to show the number of the week in the calendar.
+     * @attr show-week-numbers
+     */
+    showWeekNumbers: boolean;
+    /**
+     * Format to display the value in when not editing.
+     * Defaults to the input format if not set.
+     * @attr display-format
+     */
+    set displayFormat(value: string);
+    get displayFormat(): string;
+    /**
+     * The date format to apply on the input.
+     * Defaults to the current locale Intl.DateTimeFormat
+     * @attr input-format
+     */
+    set inputFormat(value: string);
+    get inputFormat(): string;
+    /**
+     * The locale settings used to display the value.
+     * @attr
+     */
+    locale: string;
+    /** The prompt symbol to use for unfilled parts of the mask.
+     *  @attr
+     */
+    prompt: string;
+    /** The resource strings of the calendar. */
+    resourceStrings: IgcCalendarResourceStrings;
+    protected openChange(): void;
+    /** Sets the start day of the week for the calendar. */
+    weekStart: WeekDays;
+    constructor();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Clears the input part of the component of any user input */
+    clear(): void;
+    /** Increments the passed in date part */
+    stepUp(datePart?: DatePart, delta?: number): void;
+    /** Decrements the passed in date part */
+    stepDown(datePart?: DatePart, delta?: number): void;
+    /** Selects the text in the input of the component */
+    select(): void;
+    /** Sets the text selection range in the input of the component */
+    setSelectionRange(start: number, end: number, direction?: SelectionRangeDirection): void;
+    setRangeText(replacement: string, start: number, end: number, mode?: RangeTextSelectMode): void;
+    protected onEscapeKey(): Promise<void>;
+    protected handleFocusIn(): void;
+    protected handleFocusOut({ relatedTarget }: FocusEvent): void;
+    protected handlerCalendarIconSlotPointerDown(event: PointerEvent): void;
+    protected handleInputClick(event: Event): void;
+    protected handleAnchorClick(): Promise<void>;
+    private _shouldCloseCalendarDropdown;
+    protected handleInputChangeEvent(event: CustomEvent<Date>): void;
+    protected handleCalendarChangeEvent(event: CustomEvent<Date>): Promise<void>;
+    protected handleInputEvent(event: CustomEvent<Date>): void;
+    protected handleClosing(): void;
+    protected handleDialogClosing(event: Event): void;
+    protected handleDialogClosed(event: Event): void;
+    private setDateConstraints;
+    private renderClearIcon;
+    private renderCalendarIcon;
+    private renderCalendarSlots;
+    private renderCalendar;
+    protected renderActions(): TemplateResult<1>;
+    protected renderPicker(id: string): TemplateResult<1>;
+    private renderLabel;
+    private renderHelperText;
+    protected renderInput(id: string): TemplateResult<1>;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-date-picker': IgcDatePickerComponent;
+    }
+}
+export {};

package/components/date-picker/themes/dark/date-picker.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/dark/date-picker.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/dark/date-picker.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/dark/date-picker.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/date-picker.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/light/date-picker.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/light/date-picker.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/light/date-picker.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/light/date-picker.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/light/date-picker.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/shared/date-picker.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/shared/date-picker.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/shared/date-picker.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/shared/date-picker.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/date-picker/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/date-picker/validators.d.ts

@@ -0,0 +1,3 @@
+import { type Validator } from '../common/validators.js';
+import type IgcDatePickerComponent from './date-picker.js';
+export declare const datePickerValidators: Validator<IgcDatePickerComponent>[];

package/components/date-time-input/date-time-input.d.ts

@@ -0,0 +1,135 @@
+import type { AbstractConstructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import type { IgcInputComponentEventMap } from '../input/input-base.js';
+import { IgcMaskInputBaseComponent, type MaskRange } from '../mask-input/mask-input-base.js';
+import { DatePart, type DatePartDeltas } from './date-util.js';
+export interface IgcDateTimeInputComponentEventMap extends Omit<IgcInputComponentEventMap, 'igcChange'> {
+    igcChange: CustomEvent<Date | null>;
+}
+declare const IgcDateTimeInputComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputComponentEventMap>> & AbstractConstructor<IgcMaskInputBaseComponent>;
+/**
+ * A date time input is an input field that lets you set and edit the date and time in a chosen input element
+ * using customizable display and input formats.
+ *
+ * @element igc-date-time-input
+ *
+ * @slot prefix - Renders content before the input.
+ * @slot suffix - Renders content after input.
+ * @slot helper-text - Renders content below the input.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot range-overflow - Renders content when the max validation fails.
+ * @slot range-underflow - Renders content when the min validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
+ *
+ * @fires igcInput - Emitted when the control input receives user input.
+ * @fires igcChange - Emitted when the control's checked state changes.
+ *
+ * @csspart container - The main wrapper that holds all main input elements.
+ * @csspart input - The native input element.
+ * @csspart label - The native label element.
+ * @csspart prefix - The prefix wrapper.
+ * @csspart suffix - The suffix wrapper.
+ * @csspart helper-text - The helper text wrapper.
+ */
+export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent_base {
+    static readonly tagName = "igc-date-time-input";
+    static register(): void;
+    protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
+    protected _formValue: FormValue<Date | null>;
+    protected _defaultMask: string;
+    private _oldValue;
+    private _min;
+    private _max;
+    private _inputDateParts;
+    private _inputFormat;
+    private _datePartDeltas;
+    /**
+     * The date format to apply on the input.
+     * @attr input-format
+     */
+    get inputFormat(): string;
+    set inputFormat(val: string);
+    get value(): Date | null;
+    /**
+     * The value of the input.
+     * @attr
+     */
+    set value(value: Date | string | null | undefined);
+    /**
+     * The minimum value required for the input to remain valid.
+     * @attr
+     */
+    set min(value: Date | string | null | undefined);
+    get min(): Date | null;
+    /**
+     * The maximum value required for the input to remain valid.
+     * @attr
+     */
+    set max(value: Date | string | null | undefined);
+    get max(): Date | null;
+    /**
+     * Format to display the value in when not editing.
+     * Defaults to the input format if not set.
+     * @attr display-format
+     */
+    displayFormat: string;
+    /**
+     * Delta values used to increment or decrement each date part on step actions.
+     * All values default to `1`.
+     */
+    spinDelta: DatePartDeltas;
+    /**
+     * Sets whether to loop over the currently spun segment.
+     * @attr spin-loop
+     */
+    spinLoop: boolean;
+    /**
+     * The locale settings used to display the value.
+     * @attr
+     */
+    locale: string;
+    protected setDefaultMask(): void;
+    protected setDisplayFormat(): void;
+    protected promptChange(): void;
+    protected get hasDateParts(): boolean;
+    protected get hasTimeParts(): boolean;
+    private get targetDatePart();
+    private get datePartDeltas();
+    constructor();
+    connectedCallback(): void;
+    /** Increments a date/time portion. */
+    stepUp(datePart?: DatePart, delta?: number): void;
+    /** Decrements a date/time portion. */
+    stepDown(datePart?: DatePart, delta?: number): void;
+    /** Clears the input element of user input. */
+    clear(): void;
+    protected setToday(): void;
+    protected updateMask(): void;
+    protected handleInput(): void;
+    protected handleDragLeave(): void;
+    protected handleDragEnter(): void;
+    protected updateInput(string: string, range: MaskRange): Promise<void>;
+    private trySpinValue;
+    private spinValue;
+    private onWheel;
+    private updateDefaultMask;
+    private setMask;
+    private parseDate;
+    private getMaskedValue;
+    private isComplete;
+    private updateValue;
+    protected _updateSetRangeTextValue(): void;
+    private getNewPosition;
+    protected handleFocus(): Promise<void>;
+    protected handleBlur(): void;
+    protected navigateParts(delta: number): void;
+    protected keyboardSpin(direction: 'up' | 'down'): Promise<void>;
+    protected renderInput(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-date-time-input': IgcDateTimeInputComponent;
+    }
+}
+export {};

package/components/date-time-input/date-util.d.ts

@@ -0,0 +1,90 @@
+export declare enum FormatDesc {
+    Numeric = "numeric",
+    TwoDigits = "2-digit"
+}
+export declare enum DateParts {
+    Day = "day",
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm",
+    Literal = "literal"
+}
+export declare enum DatePart {
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm"
+}
+/** @ignore */
+export interface DatePartInfo {
+    type: DateParts;
+    start: number;
+    end: number;
+    format: string;
+}
+export interface DatePartDeltas {
+    date?: number;
+    month?: number;
+    year?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+}
+export declare abstract class DateTimeUtil {
+    static readonly DEFAULT_INPUT_FORMAT = "MM/dd/yyyy";
+    static readonly DEFAULT_TIME_INPUT_FORMAT = "hh:mm tt";
+    private static readonly SEPARATOR;
+    private static readonly DEFAULT_LOCALE;
+    private static _parser;
+    static parseValueFromMask(inputData: string, dateTimeParts: DatePartInfo[], promptChar?: string): Date | null;
+    static getDefaultMask(locale: string): string;
+    static parseDateTimeFormat(mask: string, locale?: string, noLeadingZero?: boolean): DatePartInfo[];
+    static parseIsoDate(value: string): Date | null;
+    static isValidDate(value: any): value is Date;
+    static formatDate(value: Date, locale: string, format: string, noLeadingZero?: boolean): string;
+    static getPartValue(datePartInfo: DatePartInfo, partLength: number, _dateValue: Date | null): string;
+    static spinYear(delta: number, newDate: Date): Date;
+    static spinMonth(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinDate(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinHours(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinMinutes(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinSeconds(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinAmPm(newDate: Date, currentDate: Date, amPmFromMask: string): Date;
+    static greaterThanMaxValue(value: Date, maxValue: Date, includeTime?: boolean, includeDate?: boolean): boolean;
+    /**
+     * Determines whether the provided value is less than the provided min value.
+     *
+     * @param includeTime set to false if you want to exclude time portion of the two dates
+     * @param includeDate set to false if you want to exclude the date portion of the two dates
+     * @returns true if provided value is less than provided minValue
+     */
+    static lessThanMinValue(value: Date, minValue: Date, includeTime?: boolean, includeDate?: boolean): boolean;
+    /**
+     * Validates a value within a given min and max value range.
+     *
+     * @param value The value to validate
+     * @param minValue The lowest possible value that `value` can take
+     * @param maxValue The largest possible value that `value` can take
+     */
+    static validateMinMax(value: Date, minValue: Date | string, maxValue: Date | string, includeTime?: boolean, includeDate?: boolean): {};
+    private static setDisplayFormatOptions;
+    private static getMask;
+    private static addCurrentPart;
+    private static ensureLeadingZero;
+    private static determineDatePart;
+    private static getDefaultLocaleMask;
+    private static fillDatePartsPositions;
+    private static getCleanVal;
+    private static escapeRegExp;
+    private static trimEmptyPlaceholders;
+    private static daysInMonth;
+    private static prependValue;
+    private static toTwelveHourFormat;
+}

package/components/date-time-input/validators.d.ts

@@ -0,0 +1,3 @@
+import { type Validator } from '../common/validators.js';
+import type IgcDateTimeInputComponent from './date-time-input.js';
+export declare const dateTimeInputValidators: Validator<IgcDateTimeInputComponent>[];