@club-employes/utopia 4.345.0 → 4.346.0

package/dist/components/molecules/DatePicker/CalendarGrid.d.ts

@@ -6,14 +6,20 @@ export interface CalendarDay {
 type __VLS_Props = {
     weekDays: string[];
     calendarDays: CalendarDay[];
-    draftSelectedDate: Date | null;
+    draftSelectedDate?: Date | null;
     minDate?: Date | string;
     maxDate?: Date | string;
     dday?: boolean;
+    rangeStart?: Date | null;
+    rangeEnd?: Date | null;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "select-date": (date: Date) => any;
+    "confirm-date": (date: Date) => any;
+    "hover-date": (date: Date) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSelect-date"?: ((date: Date) => any) | undefined;
+    "onConfirm-date"?: ((date: Date) => any) | undefined;
+    "onHover-date"?: ((date: Date) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/molecules/DatePicker/CalendarHeader.d.ts

@@ -1,9 +1,27 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
+    /** Nom du mois courant affiché dans le titre (ex : "Juin 2025"). */
     currentMonthName: string;
+    /** Active ou désactive le bouton "précédent" (ex : contrainte minDate). */
     canGoPrev: boolean;
+    /** Vue active : 'days' (grille de jours) ou 'years' (sélecteur d'années). */
     currentView: 'days' | 'years';
+    /** Libellé de la plage d'années affiché en vue 'years' (ex : "2020 – 2031"). */
     yearsRange?: string;
+    /**
+     * Affiche ou masque la flèche de navigation "précédent".
+     * `false` → remplacé par un placeholder de même taille pour conserver l'alignement.
+     * Utile dans le panneau droit d'un DateRange (deux calendriers côte à côte).
+     * @default true
+     */
+    showPrev?: boolean;
+    /**
+     * Affiche ou masque la flèche de navigation "suivant".
+     * `false` → remplacé par un placeholder de même taille pour conserver l'alignement.
+     * Utile dans le panneau gauche d'un DateRange (deux calendriers côte à côte).
+     * @default true
+     */
+    showNext?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     next: () => any;

package/dist/components/molecules/DatePicker/DatePickerFooter.d.ts

@@ -3,13 +3,17 @@ type __VLS_Props = {
     formattedDraftDateDisplay: string;
     enableTime: boolean;
     language: string;
+    /** Format de saisie : 'DD/MM/YYYY' (défaut/fr) ou 'MM/DD/YYYY' (en). */
+    format?: string;
     hideConfirmButton?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     clear: () => any;
     confirm: () => any;
+    "update-draft": (date: Date | null) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClear?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    "onUpdate-draft"?: ((date: Date | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/molecules/DatePicker/dateUtils.d.ts

@@ -1,13 +1,23 @@
 /**
- * Utilitaires date pour DatePicker : parsing, formatage, masque DD/MM/YYYY.
+ * Utilitaires date pour DatePicker : parsing, formatage, masque.
+ *
+ * Formats supportés : 'DD/MM/YYYY' (défaut, fr), 'MM/DD/YYYY' (en).
+ * Le séparateur est toujours `/` ; la structure 2-2-4 est identique dans les deux cas,
+ * seule l'interprétation des deux premiers groupes diffère.
  */
 /**
- * Parse une chaîne ou Date. Les chaînes au format DD/MM/YYYY sont toujours interprétées
- * en jour/mois/année (pas en MM/DD comme new Date() selon la locale).
+ * Parse une chaîne ou Date en tenant compte du format.
+ * - 'DD/MM/YYYY' (défaut) : premier groupe = jour, deuxième = mois.
+ * - 'MM/DD/YYYY' : premier groupe = mois, deuxième = jour.
+ * Fallback ISO pour les chaînes YYYY-MM-DD et similaires.
  */
-export declare function parseDate(value: string | Date | null): Date | null;
-/** Format date pour la saisie clavier (DD/MM/YYYY). */
-export declare function formatForInput(date: Date | null): string;
+export declare function parseDate(value: string | Date | null, format?: string): Date | null;
+/**
+ * Formate une date pour la saisie clavier selon le format.
+ * - 'DD/MM/YYYY' (défaut) → "26/06/2025"
+ * - 'MM/DD/YYYY'          → "06/26/2025"
+ */
+export declare function formatForInput(date: Date | null, format?: string): string;
 /** Masque DD/MM/YYYY : uniquement chiffres (max 8), insertion auto des /. */
 export declare function applyDateMask(raw: string): string;
 /**

package/dist/components/molecules/DateRange/DateRange.d.ts

@@ -0,0 +1,24 @@
+import { DateRangeProps, DateRangeValue, DateRangeTrigger } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<DateRangeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: DateRangeValue) => any;
+    "update:modelValue": (value: DateRangeValue) => any;
+}, string, PublicProps, Readonly<DateRangeProps> & Readonly<{
+    onChange?: ((value: DateRangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRangeValue) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: DateRangeValue | null;
+    teleport: boolean;
+    state: "default" | "valid" | "error";
+    readonly: boolean;
+    language: "fr" | "en";
+    format: string;
+    clearable: boolean;
+    trigger: DateRangeTrigger;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    menuRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DateRange/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateRange } from './DateRange';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './types';

package/dist/components/molecules/DateRange/types.d.ts

@@ -0,0 +1,30 @@
+export interface DateRangeValue {
+    start: Date | null;
+    end: Date | null;
+}
+export type DateRangeTrigger = 'dual' | 'single';
+export interface DateRangeProps {
+    modelValue?: DateRangeValue | null;
+    /** 'dual' = two side-by-side inputs (default); 'single' = one input showing the full range */
+    trigger?: DateRangeTrigger;
+    /** Used when trigger='single' */
+    label?: string;
+    /** Used when trigger='single' */
+    placeholder?: string;
+    labelStart?: string;
+    labelEnd?: string;
+    required?: boolean;
+    placeholderStart?: string;
+    placeholderEnd?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    state?: 'default' | 'valid' | 'error';
+    message?: string;
+    size?: 'small' | 'medium' | 'large';
+    format?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    teleport?: boolean;
+    language?: 'fr' | 'en';
+}

package/dist/components/molecules/index.d.ts

@@ -68,3 +68,5 @@ export { GrantSelect, type GrantSelectItemProps, GrantSelectTree } from './Grant
 export { CartStepper, type CartStepperProps, type CartStepperStep } from './CartStepper';
 export { CartPreviewItem } from './CartPreviewItem';
 export type { CartPreviewItemProps } from './CartPreviewItem';
+export { DateRange } from './DateRange';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './DateRange';

package/dist/index.d.ts

@@ -75,6 +75,7 @@ export type { CountryDropDownProps } from './components/molecules/CountryDropDow
 export type { GrantSelectItemProps } from './components/molecules/GrantSelect/types';
 export type { CartStepperProps, CartStepperStep } from './components/molecules/CartStepper/types';
 export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './components/molecules/DateRange/types';
 export { TromboItem, TromboItemEmptyState } from './components/molecules/TromboItem';
 export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
 export type { MfePageProps, ShyHeaderMode } from './components/layouts/MfePage/types';