@otto-de/b2b-core-components 1.16.0 → 1.17.0

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DatePickerEventDetail } from '../../utils/interfaces/form.interface';
+import { DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
+export declare class B2bDatePicker {
+    host: HTMLB2bDatePickerElement;
+    /** Whether the previous dates from the current date are disabled. By default, this is true. */
+    disablePastDates: boolean;
+    /** Whether the dates after the current date are disabled. By default, this is false. */
+    disableFutureDates: boolean;
+    /** Whether the dates that fall on the weekend are disabled. By default, this is false. */
+    disableWeekends: boolean;
+    /** Label for the date picker component. */
+    label: string;
+    /** Default date picker date*/
+    preSelectedDate: string;
+    /** Whether to show hint message or not. */
+    showHint: boolean;
+    /** Emits the selected date as Date type. */
+    b2bSelected: EventEmitter<DatePickerEventDetail>;
+    private readonly DISABLED_DATE_ERROR_MESSAGE;
+    private readonly FORMATTING_ERROR_MESSAGE;
+    private showDatePicker;
+    private focused;
+    private datePickerView;
+    selectedMonth: number;
+    selectedYear: number;
+    selectedDay: number;
+    selectedDate: string;
+    userInputDate: string;
+    invalid: boolean;
+    errorMessage: string;
+    private today;
+    private todayWithoutTime;
+    componentWillLoad(): void;
+    handleEscapePress(): void;
+    handleDateSelection(event: CustomEvent): void;
+    getPreviousMonth(): void;
+    private parseDateInput;
+    private isValidDate;
+    private emitSelectedDate;
+    private handleInputChange;
+    private handleKeyDown;
+    private handleInputFocus;
+    private setSelectedDateForDisplay;
+    private updateInputWithSelectedDate;
+    getNextMonth(): void;
+    handleDatePickerViewChanged(event: CustomEvent<DatePickerViewChangedEventDetail>): void;
+    handleMonthSelected(event: CustomEvent<MonthSelectedEventDetail>): void;
+    handleYearSelected(event: CustomEvent<YearSelectedEventDetail>): void;
+    private setFocusOnCalendarIcon;
+    private setCurrentMonth;
+    private setCurrentYear;
+    private showHideDatePicker;
+    private clearDateInput;
+    private setSelectedDate;
+    private setFocusOnCloseIcon;
+    private handleBackdropDismiss;
+    private moveFocusToInputComponent;
+    render(): any;
+}

package/dist/types/components/{calendar/calendar.stories.d.ts → date-picker/date-picker.stories.d.ts}

@@ -6,3 +6,5 @@ export declare const Default: Story;
 export declare const DisablePastDates: Story;
 export declare const DisableFutureDates: Story;
 export declare const DisableWeekends: Story;
+export declare const preSelectedDate: Story;
+export declare const WithoutHintMessage: Story;

package/dist/types/components/{calendar/calendar.types.d.ts → date-picker/date-picker.types.d.ts}

@@ -1,2 +1,7 @@
 export declare const Months: readonly ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
 export declare const Weekdays: readonly ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"];
+export declare enum DatePickerView {
+    Days = "Days",
+    Months = "Months",
+    Years = "Years"
+}