igniteui-webcomponents 6.5.1 → 7.0.0

package/components/date-range-picker/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-range-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-range-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-range-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-range-picker.material.css.js';\nimport { styles as shared } from './light/date-range-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-range-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-range-picker.indigo.css.js';\nimport { styles as material } from './shared/date-range-picker.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-range-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-range-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-range-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-range-picker.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-range-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-range-picker.indigo.css.js';\nimport { styles as material } from './shared/date-range-picker.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -0,0 +1,102 @@
+/**
+ * Date Part Classes Module
+ *
+ * This module provides structured classes for date/time parts used in date-time input.
+ * Each part type has its own class with specific validation and spin behavior.
+ *
+ * Classes are private to this module - only types and factory function are exported.
+ */
+export declare enum DatePart {
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm"
+}
+/** Types of date/time parts that can appear in a format string */
+export declare const DatePartType: {
+    readonly Month: "month";
+    readonly Year: "year";
+    readonly Date: "date";
+    readonly Hours: "hours";
+    readonly Minutes: "minutes";
+    readonly Seconds: "seconds";
+    readonly AmPm: "amPm";
+    readonly Literal: "literal";
+};
+export type DatePartType = (typeof DatePartType)[keyof typeof DatePartType];
+export declare const DEFAULT_DATE_PARTS_SPIN_DELTAS: Readonly<DatePartDeltas>;
+export interface DatePartDeltas {
+    date?: number;
+    month?: number;
+    year?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+}
+/** Options for creating a date part */
+export interface DatePartOptions {
+    /** Start position in the masked string */
+    start: number;
+    /** End position in the masked string */
+    end: number;
+    /** The format string for this part (e.g., 'MM', 'yyyy') */
+    format: string;
+}
+/** Options for spin operations */
+export interface SpinOptions {
+    /** The current date value */
+    date: Date;
+    /** Whether to loop values at boundaries */
+    spinLoop: boolean;
+    /** For AM/PM: the current masked value to determine AM or PM */
+    amPmValue?: string;
+    /** For AM/PM: the original date (for rollover prevention) */
+    originalDate?: Date;
+}
+/** Read-only interface for date part information */
+export interface IDatePart {
+    /** The type of date part */
+    readonly type: DatePartType;
+    /** Start position in the masked string */
+    readonly start: number;
+    /** End position in the masked string */
+    readonly end: number;
+    /** The format string for this part */
+    readonly format: string;
+    /**
+     * Validates a numeric value for this part.
+     * @param value - The value to validate
+     * @param context - Optional context (year, month) for date-dependent validation
+     * @returns true if the value is valid for this part
+     */
+    validate(value: number, context?: DateValidationContext): boolean;
+    /**
+     * Spins (increments/decrements) this part's value on the given date.
+     * @param delta - The amount to spin (positive = up, negative = down)
+     * @param options - Spin options including the date and loop behavior
+     */
+    spin(delta: number, options: SpinOptions): void;
+    /**
+     * Extracts the value of this part from a Date object.
+     * @param date - The date to extract from
+     * @returns The formatted string value
+     */
+    getValue(date: Date): string;
+}
+/** Context for date validation (needed for day-of-month validation) */
+export interface DateValidationContext {
+    year?: number;
+    month?: number;
+}
+/**
+ * Creates a date part instance based on the type.
+ * This is the only way to create date part instances outside this module.
+ *
+ * @param type - The type of date part to create
+ * @param options - The options for the date part
+ * @returns A date part instance implementing IDatePart
+ */
+export declare function createDatePart(type: DatePartType, options: DatePartOptions): IDatePart;

package/components/date-time-input/date-part.js

@@ -0,0 +1,256 @@
+export var DatePart;
+(function (DatePart) {
+    DatePart["Month"] = "month";
+    DatePart["Year"] = "year";
+    DatePart["Date"] = "date";
+    DatePart["Hours"] = "hours";
+    DatePart["Minutes"] = "minutes";
+    DatePart["Seconds"] = "seconds";
+    DatePart["AmPm"] = "amPm";
+})(DatePart || (DatePart = {}));
+export const DatePartType = {
+    Month: 'month',
+    Year: 'year',
+    Date: 'date',
+    Hours: 'hours',
+    Minutes: 'minutes',
+    Seconds: 'seconds',
+    AmPm: 'amPm',
+    Literal: 'literal',
+};
+export const DEFAULT_DATE_PARTS_SPIN_DELTAS = Object.freeze({
+    date: 1,
+    month: 1,
+    year: 1,
+    hours: 1,
+    minutes: 1,
+    seconds: 1,
+});
+const TIME_BOUNDS = {
+    hours: { min: 0, max: 23 },
+    minutes: { min: 0, max: 59 },
+    seconds: { min: 0, max: 59 },
+};
+const DATE_BOUNDS = {
+    month: { min: 0, max: 11 },
+    date: { min: 1, max: 31 },
+};
+function daysInMonth(year, month) {
+    return new Date(year, month + 1, 0).getDate();
+}
+function padValue(value, length) {
+    return String(value).padStart(length, '0');
+}
+function toTwelveHourFormat(hours) {
+    const h = hours % 12;
+    return h === 0 ? 12 : h;
+}
+function spinTimePart(date, delta, max, min, setter, getter, spinLoop) {
+    let value = getter.call(date) + delta;
+    if (value > max) {
+        value = spinLoop ? value % (max + 1) : max;
+    }
+    else if (value < min) {
+        value = spinLoop ? max + 1 + (value % (max + 1)) : min;
+    }
+    setter.call(date, value);
+}
+class DatePartBase {
+    constructor(type, options) {
+        this.type = type;
+        this.start = options.start;
+        this.end = options.end;
+        this.format = options.format;
+    }
+}
+class YearPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Year, options);
+    }
+    validate(_value) {
+        return _value >= 0;
+    }
+    spin(delta, options) {
+        const { date } = options;
+        const maxDate = daysInMonth(date.getFullYear() + delta, date.getMonth());
+        if (date.getDate() > maxDate) {
+            date.setDate(maxDate);
+        }
+        date.setFullYear(date.getFullYear() + delta);
+    }
+    getValue(date) {
+        const length = this.format.length;
+        const year = length === 2
+            ? date.getFullYear().toString().slice(-2)
+            : date.getFullYear();
+        return padValue(year, length);
+    }
+}
+class MonthPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Month, options);
+    }
+    validate(value) {
+        return value >= DATE_BOUNDS.month.min && value <= DATE_BOUNDS.month.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = DATE_BOUNDS.month;
+        const maxDate = daysInMonth(date.getFullYear(), date.getMonth() + delta);
+        if (date.getDate() > maxDate) {
+            date.setDate(maxDate);
+        }
+        let month = date.getMonth() + delta;
+        if (month > max) {
+            month = spinLoop ? (month % max) - 1 : max;
+        }
+        else if (month < min) {
+            month = spinLoop ? max + (month % max) + 1 : min;
+        }
+        date.setMonth(month);
+    }
+    getValue(date) {
+        return padValue(date.getMonth() + 1, this.format.length);
+    }
+}
+class DateOfMonthPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Date, options);
+    }
+    validate(value, context) {
+        if (value < DATE_BOUNDS.date.min) {
+            return false;
+        }
+        if (context?.year !== undefined && context?.month !== undefined) {
+            const maxDays = daysInMonth(context.year, context.month);
+            return value <= maxDays;
+        }
+        return value <= DATE_BOUNDS.date.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const maxDate = daysInMonth(date.getFullYear(), date.getMonth());
+        const { min } = DATE_BOUNDS.date;
+        let dayOfMonth = date.getDate() + delta;
+        if (dayOfMonth > maxDate) {
+            dayOfMonth = spinLoop ? dayOfMonth % maxDate : maxDate;
+        }
+        else if (dayOfMonth < min) {
+            dayOfMonth = spinLoop ? maxDate + (dayOfMonth % maxDate) : min;
+        }
+        date.setDate(dayOfMonth);
+    }
+    getValue(date) {
+        return padValue(date.getDate(), this.format.length);
+    }
+}
+class HoursPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Hours, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.hours.min && value <= TIME_BOUNDS.hours.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.hours;
+        spinTimePart(date, delta, max, min, date.setHours, date.getHours, spinLoop);
+    }
+    getValue(date) {
+        const isTwelveHour = this.format.includes('h');
+        const hours = isTwelveHour
+            ? toTwelveHourFormat(date.getHours())
+            : date.getHours();
+        return padValue(hours, this.format.length);
+    }
+}
+class MinutesPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Minutes, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.minutes.min && value <= TIME_BOUNDS.minutes.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.minutes;
+        spinTimePart(date, delta, max, min, date.setMinutes, date.getMinutes, spinLoop);
+    }
+    getValue(date) {
+        return padValue(date.getMinutes(), this.format.length);
+    }
+}
+class SecondsPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Seconds, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.seconds.min && value <= TIME_BOUNDS.seconds.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.seconds;
+        spinTimePart(date, delta, max, min, date.setSeconds, date.getSeconds, spinLoop);
+    }
+    getValue(date) {
+        return padValue(date.getSeconds(), this.format.length);
+    }
+}
+class AmPmPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.AmPm, options);
+    }
+    validate(_value) {
+        return true;
+    }
+    spin(_delta, options) {
+        const { date, amPmValue, originalDate } = options;
+        if (!amPmValue)
+            return;
+        const isAM = amPmValue.toLowerCase() === 'am';
+        const newHours = date.getHours() + (isAM ? 12 : -12);
+        date.setHours(newHours);
+        if (originalDate && date.getDate() !== originalDate.getDate()) {
+            date.setTime(originalDate.getTime());
+        }
+    }
+    getValue(date) {
+        return date.getHours() >= 12 ? 'PM' : 'AM';
+    }
+}
+class LiteralPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Literal, options);
+    }
+    validate(_value) {
+        return true;
+    }
+    spin(_delta, _options) {
+    }
+    getValue(_date) {
+        return this.format;
+    }
+}
+export function createDatePart(type, options) {
+    switch (type) {
+        case DatePartType.Year:
+            return new YearPart(options);
+        case DatePartType.Month:
+            return new MonthPart(options);
+        case DatePartType.Date:
+            return new DateOfMonthPart(options);
+        case DatePartType.Hours:
+            return new HoursPart(options);
+        case DatePartType.Minutes:
+            return new MinutesPart(options);
+        case DatePartType.Seconds:
+            return new SecondsPart(options);
+        case DatePartType.AmPm:
+            return new AmPmPart(options);
+        case DatePartType.Literal:
+            return new LiteralPart(options);
+        default:
+            throw new Error(`Unknown date part type: ${type}`);
+    }
+}
+//# sourceMappingURL=date-part.js.map

package/components/date-time-input/date-part.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-part.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-part.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Date Part Classes Module\n *\n * This module provides structured classes for date/time parts used in date-time input.\n * Each part type has its own class with specific validation and spin behavior.\n *\n * Classes are private to this module - only types and factory function are exported.\n */\n\n//#region Types and Enums\n\nexport enum DatePart {\n  Month = 'month',\n  Year = 'year',\n  Date = 'date',\n  Hours = 'hours',\n  Minutes = 'minutes',\n  Seconds = 'seconds',\n  AmPm = 'amPm',\n}\n\n/** Types of date/time parts that can appear in a format string */\nexport const DatePartType = {\n  Month: 'month',\n  Year: 'year',\n  Date: 'date',\n  Hours: 'hours',\n  Minutes: 'minutes',\n  Seconds: 'seconds',\n  AmPm: 'amPm',\n  Literal: 'literal',\n} as const;\n\nexport type DatePartType = (typeof DatePartType)[keyof typeof DatePartType];\n\n// Spin delta defaults\nexport const DEFAULT_DATE_PARTS_SPIN_DELTAS = Object.freeze<DatePartDeltas>({\n  date: 1,\n  month: 1,\n  year: 1,\n  hours: 1,\n  minutes: 1,\n  seconds: 1,\n});\n\nexport interface DatePartDeltas {\n  date?: number;\n  month?: number;\n  year?: number;\n  hours?: number;\n  minutes?: number;\n  seconds?: number;\n}\n\n/** Options for creating a date part */\nexport interface DatePartOptions {\n  /** Start position in the masked string */\n  start: number;\n  /** End position in the masked string */\n  end: number;\n  /** The format string for this part (e.g., 'MM', 'yyyy') */\n  format: string;\n}\n\n/** Options for spin operations */\nexport interface SpinOptions {\n  /** The current date value */\n  date: Date;\n  /** Whether to loop values at boundaries */\n  spinLoop: boolean;\n  /** For AM/PM: the current masked value to determine AM or PM */\n  amPmValue?: string;\n  /** For AM/PM: the original date (for rollover prevention) */\n  originalDate?: Date;\n}\n\n/** Read-only interface for date part information */\nexport interface IDatePart {\n  /** The type of date part */\n  readonly type: DatePartType;\n  /** Start position in the masked string */\n  readonly start: number;\n  /** End position in the masked string */\n  readonly end: number;\n  /** The format string for this part */\n  readonly format: string;\n\n  /**\n   * Validates a numeric value for this part.\n   * @param value - The value to validate\n   * @param context - Optional context (year, month) for date-dependent validation\n   * @returns true if the value is valid for this part\n   */\n  validate(value: number, context?: DateValidationContext): boolean;\n\n  /**\n   * Spins (increments/decrements) this part's value on the given date.\n   * @param delta - The amount to spin (positive = up, negative = down)\n   * @param options - Spin options including the date and loop behavior\n   */\n  spin(delta: number, options: SpinOptions): void;\n\n  /**\n   * Extracts the value of this part from a Date object.\n   * @param date - The date to extract from\n   * @returns The formatted string value\n   */\n  getValue(date: Date): string;\n}\n\n/** Context for date validation (needed for day-of-month validation) */\nexport interface DateValidationContext {\n  year?: number;\n  month?: number;\n}\n\n//#endregion\n\n//#region Constants\n\n/** Time bounds for validation */\nconst TIME_BOUNDS = {\n  hours: { min: 0, max: 23 },\n  minutes: { min: 0, max: 59 },\n  seconds: { min: 0, max: 59 },\n} as const;\n\n/** Date bounds for validation */\nconst DATE_BOUNDS = {\n  month: { min: 0, max: 11 },\n  date: { min: 1, max: 31 },\n} as const;\n\n//#endregion\n\n//#region Helper Functions\n\n/**\n * Gets the number of days in a specific month/year.\n */\nfunction daysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate();\n}\n\n/**\n * Pads a value with zeros to the specified length.\n */\nfunction padValue(value: string | number, length: number): string {\n  return String(value).padStart(length, '0');\n}\n\n/**\n * Converts 24-hour format to 12-hour format.\n */\nfunction toTwelveHourFormat(hours: number): number {\n  const h = hours % 12;\n  return h === 0 ? 12 : h;\n}\n\n/**\n * Generic spin helper for time parts.\n */\nfunction spinTimePart(\n  date: Date,\n  delta: number,\n  max: number,\n  min: number,\n  setter: (value: number) => number,\n  getter: () => number,\n  spinLoop: boolean\n): void {\n  let value = getter.call(date) + delta;\n\n  if (value > max) {\n    value = spinLoop ? value % (max + 1) : max;\n  } else if (value < min) {\n    value = spinLoop ? max + 1 + (value % (max + 1)) : min;\n  }\n\n  setter.call(date, value);\n}\n\n//#endregion\n\n//#region Abstract Base Class\n\n/**\n * Abstract base class for all date parts.\n * Provides common functionality and defines the contract for concrete implementations.\n */\nabstract class DatePartBase implements IDatePart {\n  readonly type: DatePartType;\n  readonly start: number;\n  readonly end: number;\n  readonly format: string;\n\n  constructor(type: DatePartType, options: DatePartOptions) {\n    this.type = type;\n    this.start = options.start;\n    this.end = options.end;\n    this.format = options.format;\n  }\n\n  abstract validate(value: number, context?: DateValidationContext): boolean;\n  abstract spin(delta: number, options: SpinOptions): void;\n  abstract getValue(date: Date): string;\n}\n\n//#endregion\n\n//#region Concrete Implementations\n\n/**\n * Year part (yyyy, yy)\n */\nclass YearPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Year, options);\n  }\n\n  validate(_value: number): boolean {\n    // Years are always valid (no upper bound)\n    return _value >= 0;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date } = options;\n    const maxDate = daysInMonth(date.getFullYear() + delta, date.getMonth());\n\n    // Clip to max day to avoid leap year change shifting the entire value\n    if (date.getDate() > maxDate) {\n      date.setDate(maxDate);\n    }\n\n    date.setFullYear(date.getFullYear() + delta);\n  }\n\n  getValue(date: Date): string {\n    const length = this.format.length;\n    const year =\n      length === 2\n        ? date.getFullYear().toString().slice(-2)\n        : date.getFullYear();\n    return padValue(year, length);\n  }\n}\n\n/**\n * Month part (MM, M)\n */\nclass MonthPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Month, options);\n  }\n\n  validate(value: number): boolean {\n    // Month is 0-based internally, but 1-12 in display\n    return value >= DATE_BOUNDS.month.min && value <= DATE_BOUNDS.month.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = DATE_BOUNDS.month;\n\n    const maxDate = daysInMonth(date.getFullYear(), date.getMonth() + delta);\n    if (date.getDate() > maxDate) {\n      date.setDate(maxDate);\n    }\n\n    let month = date.getMonth() + delta;\n\n    if (month > max) {\n      month = spinLoop ? (month % max) - 1 : max;\n    } else if (month < min) {\n      month = spinLoop ? max + (month % max) + 1 : min;\n    }\n\n    date.setMonth(month);\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getMonth() + 1, this.format.length);\n  }\n}\n\n/**\n * Date (day of month) part (dd, d)\n */\nclass DateOfMonthPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Date, options);\n  }\n\n  validate(value: number, context?: DateValidationContext): boolean {\n    if (value < DATE_BOUNDS.date.min) {\n      return false;\n    }\n\n    if (context?.year !== undefined && context?.month !== undefined) {\n      const maxDays = daysInMonth(context.year, context.month);\n      return value <= maxDays;\n    }\n\n    return value <= DATE_BOUNDS.date.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const maxDate = daysInMonth(date.getFullYear(), date.getMonth());\n    const { min } = DATE_BOUNDS.date;\n\n    let dayOfMonth = date.getDate() + delta;\n\n    if (dayOfMonth > maxDate) {\n      dayOfMonth = spinLoop ? dayOfMonth % maxDate : maxDate;\n    } else if (dayOfMonth < min) {\n      dayOfMonth = spinLoop ? maxDate + (dayOfMonth % maxDate) : min;\n    }\n\n    date.setDate(dayOfMonth);\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getDate(), this.format.length);\n  }\n}\n\n/**\n * Hours part (HH, H, hh, h)\n */\nclass HoursPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Hours, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.hours.min && value <= TIME_BOUNDS.hours.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.hours;\n    spinTimePart(date, delta, max, min, date.setHours, date.getHours, spinLoop);\n  }\n\n  getValue(date: Date): string {\n    const isTwelveHour = this.format.includes('h');\n    const hours = isTwelveHour\n      ? toTwelveHourFormat(date.getHours())\n      : date.getHours();\n    return padValue(hours, this.format.length);\n  }\n}\n\n/**\n * Minutes part (mm, m)\n */\nclass MinutesPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Minutes, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.minutes.min && value <= TIME_BOUNDS.minutes.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.minutes;\n    spinTimePart(\n      date,\n      delta,\n      max,\n      min,\n      date.setMinutes,\n      date.getMinutes,\n      spinLoop\n    );\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getMinutes(), this.format.length);\n  }\n}\n\n/**\n * Seconds part (ss, s)\n */\nclass SecondsPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Seconds, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.seconds.min && value <= TIME_BOUNDS.seconds.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.seconds;\n    spinTimePart(\n      date,\n      delta,\n      max,\n      min,\n      date.setSeconds,\n      date.getSeconds,\n      spinLoop\n    );\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getSeconds(), this.format.length);\n  }\n}\n\n/**\n * AM/PM part (tt, t)\n */\nclass AmPmPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.AmPm, options);\n  }\n\n  validate(_value: number): boolean {\n    // AM/PM doesn't have numeric validation\n    return true;\n  }\n\n  spin(_delta: number, options: SpinOptions): void {\n    const { date, amPmValue, originalDate } = options;\n\n    if (!amPmValue) return;\n\n    const isAM = amPmValue.toLowerCase() === 'am';\n    const newHours = date.getHours() + (isAM ? 12 : -12);\n    date.setHours(newHours);\n\n    // Prevent date rollover\n    if (originalDate && date.getDate() !== originalDate.getDate()) {\n      date.setTime(originalDate.getTime());\n    }\n  }\n\n  getValue(date: Date): string {\n    return date.getHours() >= 12 ? 'PM' : 'AM';\n  }\n}\n\n/**\n * Literal part (separators like /, -, :, space, etc.)\n */\nclass LiteralPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Literal, options);\n  }\n\n  validate(_value: number): boolean {\n    // Literals don't have validation\n    return true;\n  }\n\n  spin(_delta: number, _options: SpinOptions): void {\n    // Literals can't be spun\n  }\n\n  getValue(_date: Date): string {\n    return this.format;\n  }\n}\n\n//#endregion\n\n//#region Factory Function\n\n/**\n * Creates a date part instance based on the type.\n * This is the only way to create date part instances outside this module.\n *\n * @param type - The type of date part to create\n * @param options - The options for the date part\n * @returns A date part instance implementing IDatePart\n */\nexport function createDatePart(\n  type: DatePartType,\n  options: DatePartOptions\n): IDatePart {\n  switch (type) {\n    case DatePartType.Year:\n      return new YearPart(options);\n    case DatePartType.Month:\n      return new MonthPart(options);\n    case DatePartType.Date:\n      return new DateOfMonthPart(options);\n    case DatePartType.Hours:\n      return new HoursPart(options);\n    case DatePartType.Minutes:\n      return new MinutesPart(options);\n    case DatePartType.Seconds:\n      return new SecondsPart(options);\n    case DatePartType.AmPm:\n      return new AmPmPart(options);\n    case DatePartType.Literal:\n      return new LiteralPart(options);\n    default:\n      throw new Error(`Unknown date part type: ${type}`);\n  }\n}\n\n//#endregion\n"]}

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

@@ -1,7 +1,9 @@
+import { type PropertyValues } from 'lit';
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
 import type { IgcInputComponentEventMap } from '../input/input-base.js';
 import { IgcMaskInputBaseComponent, type MaskSelection } from '../mask-input/mask-input-base.js';
-import { DatePart, type DatePartDeltas } from './date-util.js';
+import { DatePart, type DatePartDeltas } from './date-part.js';
+import { DateTimeMaskParser } from './datetime-mask-parser.js';
 export interface IgcDateTimeInputComponentEventMap extends Omit<IgcInputComponentEventMap, 'igcChange'> {
     igcChange: CustomEvent<Date | null>;
 }
@@ -35,32 +37,37 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     static readonly tagName = "igc-date-time-input";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
-    protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
-    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "value-missing" | "range-overflow" | "range-underflow" | "custom-error">;
-    protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<Date | null>;
-    private readonly _i18nController;
-    protected _defaultMask: string;
+    protected readonly _parser: DateTimeMaskParser;
     private _defaultDisplayFormat;
     private _displayFormat?;
+    private _inputFormat?;
     private _oldValue;
     private _min;
     private _max;
-    private _inputDateParts;
-    private _inputFormat;
-    private _datePartDeltas;
+    private readonly _i18nController;
+    protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
+    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "value-missing" | "range-overflow" | "range-underflow" | "custom-error">;
+    protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<Date | null>;
+    protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
+    /**
+     * Determines which date/time part is currently targeted based on cursor position.
+     * When focused, returns the part under the cursor.
+     * When unfocused, returns a default part based on available parts.
+     */
+    private get _targetDatePart();
+    private get _datePartDeltas();
     /**
      * The date format to apply on the input.
      * @attr input-format
      */
-    get inputFormat(): string;
     set inputFormat(val: string);
-    get value(): Date | null;
+    get inputFormat(): string;
     /**
      * The value of the input.
      * @attr
      */
     set value(value: Date | string | null | undefined);
+    get value(): Date | null;
     /**
      * The minimum value required for the input to remain valid.
      * @attr
@@ -84,7 +91,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
      * Delta values used to increment or decrement each date part on step actions.
      * All values default to `1`.
      */
-    spinDelta: DatePartDeltas;
+    spinDelta?: DatePartDeltas;
     /**
      * Sets whether to loop over the currently spun segment.
      * @attr spin-loop
@@ -96,42 +103,105 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
      */
     set locale(value: string);
     get locale(): string;
-    protected setDefaultMask(): void;
-    protected setDisplayFormat(): void;
-    protected get hasDateParts(): boolean;
-    protected get hasTimeParts(): boolean;
-    private get targetDatePart();
-    private get datePartDeltas();
     constructor();
-    connectedCallback(): void;
+    protected update(props: PropertyValues<this>): void;
+    protected _resolvePartNames(base: string): {
+        [x: string]: boolean;
+        prefixed: boolean;
+        suffixed: boolean;
+        filled: boolean;
+    };
+    protected _updateSetRangeTextValue(): void;
+    private _emitInputEvent;
+    private _handleResourceChange;
+    protected _handleDragLeave(): void;
+    protected _handleDragEnter(): void;
+    private _handleWheel;
+    protected _handleFocus(): Promise<void>;
+    protected _handleBlur(): void;
+    protected _setCurrentDateTime(): void;
+    /**
+     * Navigates to the previous or next date part.
+     */
+    protected _navigateParts(direction: number): void;
+    /**
+     * Calculates the new cursor position when navigating between date parts.
+     * direction = 0: navigate to start of previous part
+     * direction = 1: navigate to start of next part
+     */
+    private _calculatePartNavigationPosition;
+    /**
+     * Handles keyboard-triggered spinning (arrow up/down).
+     */
+    protected _keyboardSpin(direction: 'up' | 'down'): Promise<void>;
+    /**
+     * Updates the displayed mask value based on focus state.
+     * When focused, shows the editable mask. When unfocused, shows formatted display value.
+     */
+    protected _updateMaskDisplay(): void;
+    protected _updateInput(text: string, { start, end }: MaskSelection): Promise<void>;
+    /**
+     * Common logic for stepping up or down a date part.
+     */
+    private _performStep;
+    /**
+     * Calculates the new date value after spinning a date part.
+     */
+    private _calculateSpunValue;
+    /**
+     * Spins a specific date part by the given delta.
+     */
+    private _spinDatePart;
+    /**
+     * Updates the default display format based on current locale.
+     */
+    private _updateDefaultDisplayFormat;
+    /**
+     * Applies a mask pattern to the input, parsing the format string into date parts.
+     */
+    private _applyMask;
+    /**
+     * Builds the masked value string from the current date value.
+     * Returns empty mask if no value, or existing masked value if incomplete.
+     */
+    private _buildMaskedValue;
+    protected _initializeDefaultMask(): void;
+    /**
+     * Gets the date part at the current cursor position.
+     * Uses inclusive end to handle cursor at the end of the last part.
+     * Returns undefined if cursor is not within a valid date part.
+     */
+    private _getDatePartAtCursor;
+    /**
+     * Gets the default date part to target when the input is not focused.
+     * Prioritizes: Date > Hours > First available part
+     */
+    private _getDefaultDatePart;
+    /**
+     * Checks if all mask positions are filled (no prompt characters remain).
+     */
+    private _isMaskComplete;
+    /**
+     * Updates the internal value based on the current masked input.
+     * Only sets a value if the mask is complete and parses to a valid date.
+     */
+    private _updateValueFromMask;
     /** 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;
-    private _fireInputEvent;
-    protected handleDragLeave(): void;
-    protected handleDragEnter(): void;
-    protected _updateInput(text: string, { start, end }: MaskSelection): Promise<void>;
-    private trySpinValue;
-    private spinValue;
-    private onWheel;
-    private updateDefaultMask;
-    private updateDefaultDisplayFormat;
-    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>;
+    /**
+     * Checks whether the current format includes date parts (day, month, year).
+     * @internal
+     */
+    hasDateParts(): boolean;
+    /**
+     * Checks whether the current format includes time parts (hours, minutes, seconds).
+     * @internal
+     */
+    hasTimeParts(): boolean;
     protected _renderInput(): import("lit-html").TemplateResult<1>;
 }
 declare global {