ngxsmk-datepicker 3.0.2 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -1
- package/MIGRATION.md +3 -3
- package/README.md +27 -18
- package/docs/API.md +3 -1
- package/docs/COMPATIBILITY.md +2 -2
- package/docs/INTEGRATION.md +2 -2
- package/docs/IONIC_INTEGRATION.md +2 -2
- package/docs/LOCALE-GUIDE.md +2 -2
- package/docs/PLUGIN-ARCHITECTURE.md +2 -2
- package/docs/SSR-EXAMPLE.md +2 -2
- package/docs/THEME-TOKENS.md +2 -2
- package/docs/TIMEZONE.md +2 -2
- package/docs/extension-points.md +2 -2
- package/docs/signal-forms.md +2 -2
- package/docs/signals.md +2 -2
- package/docs/ssr.md +2 -2
- package/fesm2022/ngxsmk-datepicker.mjs +229 -49
- package/package.json +1 -1
- package/types/ngxsmk-datepicker.d.ts +44 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngxsmk-datepicker",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Lightweight, accessible date and range picker for Angular 17+. Standalone component, Signals, SSR and zoneless-ready, Luxon-based i18n and timezones.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Sachin Dilshan",
|
|
@@ -259,6 +259,7 @@ interface DatepickerTranslations {
|
|
|
259
259
|
calendarOpened: string;
|
|
260
260
|
calendarClosed: string;
|
|
261
261
|
dateSelected: string;
|
|
262
|
+
startDateSelected?: string;
|
|
262
263
|
rangeSelected: string;
|
|
263
264
|
monthChanged: string;
|
|
264
265
|
yearChanged: string;
|
|
@@ -405,6 +406,8 @@ declare class NgxsmkDatepickerContentComponent {
|
|
|
405
406
|
days: (Date | null)[];
|
|
406
407
|
}[];
|
|
407
408
|
weekDays: string[];
|
|
409
|
+
weekDaysFull: string[];
|
|
410
|
+
showOtherMonths: boolean;
|
|
408
411
|
showWeekNumbers: boolean;
|
|
409
412
|
weekNumberLabel: string;
|
|
410
413
|
secondaryCalendar: CalendarSystem | null;
|
|
@@ -483,6 +486,8 @@ declare class NgxsmkDatepickerContentComponent {
|
|
|
483
486
|
currentTimezone: string;
|
|
484
487
|
timezoneChange: EventEmitter<string>;
|
|
485
488
|
boundIsDateDisabled: (date: Date | null) => boolean;
|
|
489
|
+
boundIsYearDisabled?: ((year: number) => boolean) | undefined;
|
|
490
|
+
boundIsDecadeDisabled?: ((decade: number) => boolean) | undefined;
|
|
486
491
|
boundGetDayMetadata: (date: Date | null) => DayMetadata | null;
|
|
487
492
|
calendarHeaderTemplate: TemplateRef<unknown> | null;
|
|
488
493
|
calendarFooterTemplate: TemplateRef<unknown> | null;
|
|
@@ -572,7 +577,7 @@ declare class NgxsmkDatepickerContentComponent {
|
|
|
572
577
|
onPopoverEscape(event: Event): void;
|
|
573
578
|
onTimezoneChange(val: unknown): void;
|
|
574
579
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkDatepickerContentComponent, never>;
|
|
575
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerContentComponent, "ngxsmk-datepicker-content", never, { "isCalendarVisible": { "alias": "isCalendarVisible"; "required": false; }; "isCalendarOpen": { "alias": "isCalendarOpen"; "required": false; }; "isInlineMode": { "alias": "isInlineMode"; "required": false; }; "shouldAppendToBody": { "alias": "shouldAppendToBody"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "popoverId": { "alias": "popoverId"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "isCalendarOpening": { "alias": "isCalendarOpening"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "rangesArray": { "alias": "rangesArray"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "syncScrollEnabled": { "alias": "syncScrollEnabled"; "required": false; }; "calendarMonths": { "alias": "calendarMonths"; "required": false; }; "weekDays": { "alias": "weekDays"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "weekNumberLabel": { "alias": "weekNumberLabel"; "required": false; }; "secondaryCalendar": { "alias": "secondaryCalendar"; "required": false; }; "secondaryCalendarLocale": { "alias": "secondaryCalendarLocale"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "focusedDate": { "alias": "focusedDate"; "required": false; }; "today": { "alias": "today"; "required": false; }; "dateTemplate": { "alias": "dateTemplate"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "monthOptions": { "alias": "monthOptions"; "required": false; }; "currentMonth": { "alias": "currentMonth"; "required": false; }; "yearOptions": { "alias": "yearOptions"; "required": false; }; "currentYear": { "alias": "currentYear"; "required": false; }; "isBackArrowDisabled": { "alias": "isBackArrowDisabled"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "currentDecade": { "alias": "currentDecade"; "required": false; }; "decadeGrid": { "alias": "decadeGrid"; "required": false; }; "timelineStartDate": { "alias": "timelineStartDate"; "required": false; }; "timelineEndDate": { "alias": "timelineEndDate"; "required": false; }; "timelineMonths": { "alias": "timelineMonths"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startTimeSlider": { "alias": "startTimeSlider"; "required": false; }; "endTimeSlider": { "alias": "endTimeSlider"; "required": false; }; "timeRangeMode": { "alias": "timeRangeMode"; "required": false; }; "hourOptions": { "alias": "hourOptions"; "required": false; }; "minuteOptions": { "alias": "minuteOptions"; "required": false; }; "secondOptions": { "alias": "secondOptions"; "required": false; }; "ampmOptions": { "alias": "ampmOptions"; "required": false; }; "currentDisplayHour": { "alias": "currentDisplayHour"; "required": false; }; "currentMinute": { "alias": "currentMinute"; "required": false; }; "currentSecond": { "alias": "currentSecond"; "required": false; }; "isPm": { "alias": "isPm"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "use24Hour": { "alias": "use24Hour"; "required": false; }; "startDisplayHour": { "alias": "startDisplayHour"; "required": false; }; "startMinute": { "alias": "startMinute"; "required": false; }; "startSecond": { "alias": "startSecond"; "required": false; }; "startIsPm": { "alias": "startIsPm"; "required": false; }; "endDisplayHour": { "alias": "endDisplayHour"; "required": false; }; "endMinute": { "alias": "endMinute"; "required": false; }; "endSecond": { "alias": "endSecond"; "required": false; }; "endIsPm": { "alias": "endIsPm"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "showTimezoneSelector": { "alias": "showTimezoneSelector"; "required": false; }; "timezoneOptions": { "alias": "timezoneOptions"; "required": false; }; "currentTimezone": { "alias": "currentTimezone"; "required": false; }; "boundIsDateDisabled": { "alias": "boundIsDateDisabled"; "required": false; }; "boundGetDayMetadata": { "alias": "boundGetDayMetadata"; "required": false; }; "calendarHeaderTemplate": { "alias": "calendarHeaderTemplate"; "required": false; }; "calendarFooterTemplate": { "alias": "calendarFooterTemplate"; "required": false; }; "boundIsSameDay": { "alias": "boundIsSameDay"; "required": false; }; "boundIsHoliday": { "alias": "boundIsHoliday"; "required": false; }; "boundIsMultipleSelected": { "alias": "boundIsMultipleSelected"; "required": false; }; "boundIsInRange": { "alias": "boundIsInRange"; "required": false; }; "boundIsInComparisonRange": { "alias": "boundIsInComparisonRange"; "required": false; }; "boundIsPreviewInRange": { "alias": "boundIsPreviewInRange"; "required": false; }; "boundGetAriaLabel": { "alias": "boundGetAriaLabel"; "required": false; }; "boundGetDayCellCustomClasses": { "alias": "boundGetDayCellCustomClasses"; "required": false; }; "boundGetDayCellTooltip": { "alias": "boundGetDayCellTooltip"; "required": false; }; "boundFormatDayNumber": { "alias": "boundFormatDayNumber"; "required": false; }; "getMonthYearLabel": { "alias": "getMonthYearLabel"; "required": false; }; "getCalendarAriaLabelForMonth": { "alias": "getCalendarAriaLabelForMonth"; "required": false; }; "isTimelineMonthSelected": { "alias": "isTimelineMonthSelected"; "required": false; }; "formatTimeSliderValue": { "alias": "formatTimeSliderValue"; "required": false; }; }, { "timezoneChange": "timezoneChange"; "backdropClick": "backdropClick"; "touchStartContainer": "touchStartContainer"; "touchMoveContainer": "touchMoveContainer"; "touchEndContainer": "touchEndContainer"; "rangeSelect": "rangeSelect"; "previousMonth": "previousMonth"; "nextMonth": "nextMonth"; "currentMonthChange": "currentMonthChange"; "currentYearChange": "currentYearChange"; "dateClick": "dateClick"; "dateHover": "dateHover"; "dateFocus": "dateFocus"; "swipeStart": "swipeStart"; "swipeMove": "swipeMove"; "swipeEnd": "swipeEnd"; "touchStart": "touchStart"; "touchMove": "touchMove"; "touchEnd": "touchEnd"; "viewModeChange": "viewModeChange"; "changeYear": "changeYear"; "yearClick": "yearClick"; "changeDecade": "changeDecade"; "decadeClick": "decadeClick"; "timelineZoomOut": "timelineZoomOut"; "timelineZoomIn": "timelineZoomIn"; "timelineMonthClick": "timelineMonthClick"; "startTimeSliderChange": "startTimeSliderChange"; "endTimeSliderChange": "endTimeSliderChange"; "currentDisplayHourChange": "currentDisplayHourChange"; "currentMinuteChange": "currentMinuteChange"; "currentSecondChange": "currentSecondChange"; "isPmChange": "isPmChange"; "timeChange": "timeChange"; "startDisplayHourChange": "startDisplayHourChange"; "startMinuteChange": "startMinuteChange"; "startSecondChange": "startSecondChange"; "startIsPmChange": "startIsPmChange"; "endDisplayHourChange": "endDisplayHourChange"; "endMinuteChange": "endMinuteChange"; "endSecondChange": "endSecondChange"; "endIsPmChange": "endIsPmChange"; "timeRangeChange": "timeRangeChange"; "clearValue": "clearValue"; "closeCalendar": "closeCalendar"; "escapeKey": "escapeKey"; }, never, never, true, never>;
|
|
580
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerContentComponent, "ngxsmk-datepicker-content", never, { "isCalendarVisible": { "alias": "isCalendarVisible"; "required": false; }; "isCalendarOpen": { "alias": "isCalendarOpen"; "required": false; }; "isInlineMode": { "alias": "isInlineMode"; "required": false; }; "shouldAppendToBody": { "alias": "shouldAppendToBody"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "popoverId": { "alias": "popoverId"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "isCalendarOpening": { "alias": "isCalendarOpening"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "rangesArray": { "alias": "rangesArray"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "syncScrollEnabled": { "alias": "syncScrollEnabled"; "required": false; }; "calendarMonths": { "alias": "calendarMonths"; "required": false; }; "weekDays": { "alias": "weekDays"; "required": false; }; "weekDaysFull": { "alias": "weekDaysFull"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "weekNumberLabel": { "alias": "weekNumberLabel"; "required": false; }; "secondaryCalendar": { "alias": "secondaryCalendar"; "required": false; }; "secondaryCalendarLocale": { "alias": "secondaryCalendarLocale"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "focusedDate": { "alias": "focusedDate"; "required": false; }; "today": { "alias": "today"; "required": false; }; "dateTemplate": { "alias": "dateTemplate"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "monthOptions": { "alias": "monthOptions"; "required": false; }; "currentMonth": { "alias": "currentMonth"; "required": false; }; "yearOptions": { "alias": "yearOptions"; "required": false; }; "currentYear": { "alias": "currentYear"; "required": false; }; "isBackArrowDisabled": { "alias": "isBackArrowDisabled"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "currentDecade": { "alias": "currentDecade"; "required": false; }; "decadeGrid": { "alias": "decadeGrid"; "required": false; }; "timelineStartDate": { "alias": "timelineStartDate"; "required": false; }; "timelineEndDate": { "alias": "timelineEndDate"; "required": false; }; "timelineMonths": { "alias": "timelineMonths"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startTimeSlider": { "alias": "startTimeSlider"; "required": false; }; "endTimeSlider": { "alias": "endTimeSlider"; "required": false; }; "timeRangeMode": { "alias": "timeRangeMode"; "required": false; }; "hourOptions": { "alias": "hourOptions"; "required": false; }; "minuteOptions": { "alias": "minuteOptions"; "required": false; }; "secondOptions": { "alias": "secondOptions"; "required": false; }; "ampmOptions": { "alias": "ampmOptions"; "required": false; }; "currentDisplayHour": { "alias": "currentDisplayHour"; "required": false; }; "currentMinute": { "alias": "currentMinute"; "required": false; }; "currentSecond": { "alias": "currentSecond"; "required": false; }; "isPm": { "alias": "isPm"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "use24Hour": { "alias": "use24Hour"; "required": false; }; "startDisplayHour": { "alias": "startDisplayHour"; "required": false; }; "startMinute": { "alias": "startMinute"; "required": false; }; "startSecond": { "alias": "startSecond"; "required": false; }; "startIsPm": { "alias": "startIsPm"; "required": false; }; "endDisplayHour": { "alias": "endDisplayHour"; "required": false; }; "endMinute": { "alias": "endMinute"; "required": false; }; "endSecond": { "alias": "endSecond"; "required": false; }; "endIsPm": { "alias": "endIsPm"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "showTimezoneSelector": { "alias": "showTimezoneSelector"; "required": false; }; "timezoneOptions": { "alias": "timezoneOptions"; "required": false; }; "currentTimezone": { "alias": "currentTimezone"; "required": false; }; "boundIsDateDisabled": { "alias": "boundIsDateDisabled"; "required": false; }; "boundIsYearDisabled": { "alias": "boundIsYearDisabled"; "required": false; }; "boundIsDecadeDisabled": { "alias": "boundIsDecadeDisabled"; "required": false; }; "boundGetDayMetadata": { "alias": "boundGetDayMetadata"; "required": false; }; "calendarHeaderTemplate": { "alias": "calendarHeaderTemplate"; "required": false; }; "calendarFooterTemplate": { "alias": "calendarFooterTemplate"; "required": false; }; "boundIsSameDay": { "alias": "boundIsSameDay"; "required": false; }; "boundIsHoliday": { "alias": "boundIsHoliday"; "required": false; }; "boundIsMultipleSelected": { "alias": "boundIsMultipleSelected"; "required": false; }; "boundIsInRange": { "alias": "boundIsInRange"; "required": false; }; "boundIsInComparisonRange": { "alias": "boundIsInComparisonRange"; "required": false; }; "boundIsPreviewInRange": { "alias": "boundIsPreviewInRange"; "required": false; }; "boundGetAriaLabel": { "alias": "boundGetAriaLabel"; "required": false; }; "boundGetDayCellCustomClasses": { "alias": "boundGetDayCellCustomClasses"; "required": false; }; "boundGetDayCellTooltip": { "alias": "boundGetDayCellTooltip"; "required": false; }; "boundFormatDayNumber": { "alias": "boundFormatDayNumber"; "required": false; }; "getMonthYearLabel": { "alias": "getMonthYearLabel"; "required": false; }; "getCalendarAriaLabelForMonth": { "alias": "getCalendarAriaLabelForMonth"; "required": false; }; "isTimelineMonthSelected": { "alias": "isTimelineMonthSelected"; "required": false; }; "formatTimeSliderValue": { "alias": "formatTimeSliderValue"; "required": false; }; }, { "timezoneChange": "timezoneChange"; "backdropClick": "backdropClick"; "touchStartContainer": "touchStartContainer"; "touchMoveContainer": "touchMoveContainer"; "touchEndContainer": "touchEndContainer"; "rangeSelect": "rangeSelect"; "previousMonth": "previousMonth"; "nextMonth": "nextMonth"; "currentMonthChange": "currentMonthChange"; "currentYearChange": "currentYearChange"; "dateClick": "dateClick"; "dateHover": "dateHover"; "dateFocus": "dateFocus"; "swipeStart": "swipeStart"; "swipeMove": "swipeMove"; "swipeEnd": "swipeEnd"; "touchStart": "touchStart"; "touchMove": "touchMove"; "touchEnd": "touchEnd"; "viewModeChange": "viewModeChange"; "changeYear": "changeYear"; "yearClick": "yearClick"; "changeDecade": "changeDecade"; "decadeClick": "decadeClick"; "timelineZoomOut": "timelineZoomOut"; "timelineZoomIn": "timelineZoomIn"; "timelineMonthClick": "timelineMonthClick"; "startTimeSliderChange": "startTimeSliderChange"; "endTimeSliderChange": "endTimeSliderChange"; "currentDisplayHourChange": "currentDisplayHourChange"; "currentMinuteChange": "currentMinuteChange"; "currentSecondChange": "currentSecondChange"; "isPmChange": "isPmChange"; "timeChange": "timeChange"; "startDisplayHourChange": "startDisplayHourChange"; "startMinuteChange": "startMinuteChange"; "startSecondChange": "startSecondChange"; "startIsPmChange": "startIsPmChange"; "endDisplayHourChange": "endDisplayHourChange"; "endMinuteChange": "endMinuteChange"; "endSecondChange": "endSecondChange"; "endIsPmChange": "endIsPmChange"; "timeRangeChange": "timeRangeChange"; "clearValue": "clearValue"; "closeCalendar": "closeCalendar"; "escapeKey": "escapeKey"; }, never, never, true, never>;
|
|
576
581
|
}
|
|
577
582
|
|
|
578
583
|
interface DayCellRenderHook {
|
|
@@ -706,6 +711,15 @@ interface DatepickerConfig {
|
|
|
706
711
|
animations?: AnimationConfig;
|
|
707
712
|
autoDetectMobile?: boolean;
|
|
708
713
|
mobileModalStyle?: 'bottom-sheet' | 'center' | 'fullscreen';
|
|
714
|
+
/**
|
|
715
|
+
* When `false`, disables all viewport-based responsive/mobile layout overrides
|
|
716
|
+
* (the `@media (max-width: …)` rules that force the mobile center-dialog presentation).
|
|
717
|
+
* Useful when embedding the datepicker as a fixed-size inline widget where the browser
|
|
718
|
+
* window width should not control the layout.
|
|
719
|
+
*
|
|
720
|
+
* Defaults to `true` (responsive layout enabled).
|
|
721
|
+
*/
|
|
722
|
+
responsive?: boolean;
|
|
709
723
|
}
|
|
710
724
|
interface AnimationConfig {
|
|
711
725
|
enabled?: boolean;
|
|
@@ -732,6 +746,7 @@ declare function provideDatepickerConfig(config: DatepickerConfig): {
|
|
|
732
746
|
animations?: AnimationConfig;
|
|
733
747
|
autoDetectMobile?: boolean;
|
|
734
748
|
mobileModalStyle?: "bottom-sheet" | "center" | "fullscreen";
|
|
749
|
+
responsive?: boolean;
|
|
735
750
|
};
|
|
736
751
|
};
|
|
737
752
|
|
|
@@ -915,6 +930,21 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
|
|
|
915
930
|
set placeholder(value: string | null);
|
|
916
931
|
get placeholder(): string;
|
|
917
932
|
inline: boolean | 'always' | 'auto';
|
|
933
|
+
/**
|
|
934
|
+
* When `false`, disables all viewport-based responsive/mobile layout overrides
|
|
935
|
+
* (the `@media (max-width: …)` rules that force the center-dialog mobile presentation).
|
|
936
|
+
* Useful when the datepicker is embedded as a fixed-size inline widget and the browser
|
|
937
|
+
* window width should not affect the calendar layout.
|
|
938
|
+
*
|
|
939
|
+
* Defaults to `true` (responsive layout enabled, existing behavior preserved).
|
|
940
|
+
*
|
|
941
|
+
* @example
|
|
942
|
+
* ```html
|
|
943
|
+
* <!-- Force desktop layout regardless of viewport width -->
|
|
944
|
+
* <ngxsmk-datepicker [responsive]="false" />
|
|
945
|
+
* ```
|
|
946
|
+
*/
|
|
947
|
+
responsive: boolean;
|
|
918
948
|
private _inputId;
|
|
919
949
|
set inputId(value: string);
|
|
920
950
|
get inputId(): string;
|
|
@@ -943,6 +973,12 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
|
|
|
943
973
|
set yearRange(value: number);
|
|
944
974
|
get yearRange(): number;
|
|
945
975
|
timezone?: string;
|
|
976
|
+
/**
|
|
977
|
+
* When true, trailing and leading days from adjacent months are displayed in the 6-row calendar grid.
|
|
978
|
+
* Adjacent month days are dimmed (`opacity: 0.45`) and styled with `.ngxsmk-other-month`.
|
|
979
|
+
*/
|
|
980
|
+
showOtherMonths: boolean;
|
|
981
|
+
weekDaysFull: string[];
|
|
946
982
|
hooks: DatepickerHooks | null;
|
|
947
983
|
enableKeyboardShortcuts: boolean;
|
|
948
984
|
customShortcuts: {
|
|
@@ -1483,6 +1519,10 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
|
|
|
1483
1519
|
readonly boundGetCalendarAriaLabelForMonth: (m: number, y: number) => string;
|
|
1484
1520
|
readonly boundIsTimelineMonthSelected: (d: Date) => boolean;
|
|
1485
1521
|
readonly boundFormatTimeSliderValue: (v: number) => string;
|
|
1522
|
+
isYearDisabled: (year: number) => boolean;
|
|
1523
|
+
isDecadeDisabled: (decade: number) => boolean;
|
|
1524
|
+
readonly boundIsYearDisabled: (year: number) => boolean;
|
|
1525
|
+
readonly boundIsDecadeDisabled: (decade: number) => boolean;
|
|
1486
1526
|
get isCalendarVisible(): boolean;
|
|
1487
1527
|
get displayValue(): string;
|
|
1488
1528
|
private getDisplayValueTimeOnly;
|
|
@@ -1726,6 +1766,8 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
|
|
|
1726
1766
|
private _startOpeningState;
|
|
1727
1767
|
private _startClosingState;
|
|
1728
1768
|
private renderInBody;
|
|
1769
|
+
private lockBodyScroll;
|
|
1770
|
+
private unlockBodyScroll;
|
|
1729
1771
|
/** Hides the body-appended popover so loading/calendar are not visible at wrong position. */
|
|
1730
1772
|
private hideBodyPopoverUntilPositioned;
|
|
1731
1773
|
/** Shows the body-appended popover after positioning has been applied. */
|
|
@@ -2197,7 +2239,7 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
|
|
|
2197
2239
|
private isIonicEnvironment;
|
|
2198
2240
|
private removeFocusTrap;
|
|
2199
2241
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkDatepickerComponent, never>;
|
|
2200
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerComponent, "ngxsmk-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "isInvalidDate": { "alias": "isInvalidDate"; "required": false; }; "asyncDateFilter": { "alias": "asyncDateFilter"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "timeRangeMode": { "alias": "timeRangeMode"; "required": false; "isSignal": true; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "use24Hour": { "alias": "use24Hour"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "holidayProvider": { "alias": "holidayProvider"; "required": false; }; "disableHolidays": { "alias": "disableHolidays"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledRanges": { "alias": "disabledRanges"; "required": false; }; "recurringPattern": { "alias": "recurringPattern"; "required": false; }; "dateTemplate": { "alias": "dateTemplate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "translationService": { "alias": "translationService"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "hooks": { "alias": "hooks"; "required": false; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; }; "customShortcuts": { "alias": "customShortcuts"; "required": false; }; "autoApplyClose": { "alias": "autoApplyClose"; "required": false; "isSignal": true; }; "allowSameDay": { "alias": "allowSameDay"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; "enableNaturalLanguage": { "alias": "enableNaturalLanguage"; "required": false; }; "naturalLanguagePreviewTemplate": { "alias": "naturalLanguagePreviewTemplate"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; }; "rangePresetFactory": { "alias": "rangePresetFactory"; "required": false; }; "showTimezoneSelector": { "alias": "showTimezoneSelector"; "required": false; "isSignal": true; }; "defaultTimezone": { "alias": "defaultTimezone"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "changeActiveMonthOnSelection": { "alias": "changeActiveMonthOnSelection"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "weekNumberLabel": { "alias": "weekNumberLabel"; "required": false; }; "secondaryCalendar": { "alias": "secondaryCalendar"; "required": false; }; "dayMetadata": { "alias": "dayMetadata"; "required": false; }; "calendarHeaderTemplate": { "alias": "calendarHeaderTemplate"; "required": false; }; "calendarFooterTemplate": { "alias": "calendarFooterTemplate"; "required": false; }; "defaultMonthOffset": { "alias": "defaultMonthOffset"; "required": false; }; "syncScroll": { "alias": "syncScroll"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; }; "enableHapticFeedback": { "alias": "enableHapticFeedback"; "required": false; "isSignal": true; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "mobileTimePickerStyle": { "alias": "mobileTimePickerStyle"; "required": false; }; "enablePullToRefresh": { "alias": "enablePullToRefresh"; "required": false; "isSignal": true; }; "mobileTheme": { "alias": "mobileTheme"; "required": false; "isSignal": true; }; "enableVoiceInput": { "alias": "enableVoiceInput"; "required": false; }; "autoDetectMobile": { "alias": "autoDetectMobile"; "required": false; }; "disableFocusTrap": { "alias": "disableFocusTrap"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "field": { "alias": "field"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "dateFormatPattern": { "alias": "dateFormatPattern"; "required": false; }; "animationConfig": { "alias": "animationConfig"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; "disabledState": { "alias": "disabledState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorState": { "alias": "errorState"; "required": false; }; "userAriaDescribedBy": { "alias": "userAriaDescribedBy"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "comparisonRange": { "alias": "comparisonRange"; "required": false; "isSignal": true; }; }, { "asyncDateFilterLoading": "asyncDateFilterLoading"; "asyncDateFilterError": "asyncDateFilterError"; "naturalLanguageResolved": "naturalLanguageResolved"; "invalidRange": "invalidRange"; "timezoneChange": "timezoneChange"; "valueChange": "valueChange"; "action": "action"; "validationError": "validationError"; }, never, never, true, never>;
|
|
2242
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerComponent, "ngxsmk-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "isInvalidDate": { "alias": "isInvalidDate"; "required": false; }; "asyncDateFilter": { "alias": "asyncDateFilter"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "timeRangeMode": { "alias": "timeRangeMode"; "required": false; "isSignal": true; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "use24Hour": { "alias": "use24Hour"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "holidayProvider": { "alias": "holidayProvider"; "required": false; }; "disableHolidays": { "alias": "disableHolidays"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledRanges": { "alias": "disabledRanges"; "required": false; }; "recurringPattern": { "alias": "recurringPattern"; "required": false; }; "dateTemplate": { "alias": "dateTemplate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "translationService": { "alias": "translationService"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "hooks": { "alias": "hooks"; "required": false; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; }; "customShortcuts": { "alias": "customShortcuts"; "required": false; }; "autoApplyClose": { "alias": "autoApplyClose"; "required": false; "isSignal": true; }; "allowSameDay": { "alias": "allowSameDay"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; "enableNaturalLanguage": { "alias": "enableNaturalLanguage"; "required": false; }; "naturalLanguagePreviewTemplate": { "alias": "naturalLanguagePreviewTemplate"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; }; "rangePresetFactory": { "alias": "rangePresetFactory"; "required": false; }; "showTimezoneSelector": { "alias": "showTimezoneSelector"; "required": false; "isSignal": true; }; "defaultTimezone": { "alias": "defaultTimezone"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "changeActiveMonthOnSelection": { "alias": "changeActiveMonthOnSelection"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "weekNumberLabel": { "alias": "weekNumberLabel"; "required": false; }; "secondaryCalendar": { "alias": "secondaryCalendar"; "required": false; }; "dayMetadata": { "alias": "dayMetadata"; "required": false; }; "calendarHeaderTemplate": { "alias": "calendarHeaderTemplate"; "required": false; }; "calendarFooterTemplate": { "alias": "calendarFooterTemplate"; "required": false; }; "defaultMonthOffset": { "alias": "defaultMonthOffset"; "required": false; }; "syncScroll": { "alias": "syncScroll"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; }; "enableHapticFeedback": { "alias": "enableHapticFeedback"; "required": false; "isSignal": true; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "mobileTimePickerStyle": { "alias": "mobileTimePickerStyle"; "required": false; }; "enablePullToRefresh": { "alias": "enablePullToRefresh"; "required": false; "isSignal": true; }; "mobileTheme": { "alias": "mobileTheme"; "required": false; "isSignal": true; }; "enableVoiceInput": { "alias": "enableVoiceInput"; "required": false; }; "autoDetectMobile": { "alias": "autoDetectMobile"; "required": false; }; "disableFocusTrap": { "alias": "disableFocusTrap"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "field": { "alias": "field"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "dateFormatPattern": { "alias": "dateFormatPattern"; "required": false; }; "animationConfig": { "alias": "animationConfig"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; "disabledState": { "alias": "disabledState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorState": { "alias": "errorState"; "required": false; }; "userAriaDescribedBy": { "alias": "userAriaDescribedBy"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "comparisonRange": { "alias": "comparisonRange"; "required": false; "isSignal": true; }; }, { "asyncDateFilterLoading": "asyncDateFilterLoading"; "asyncDateFilterError": "asyncDateFilterError"; "naturalLanguageResolved": "naturalLanguageResolved"; "invalidRange": "invalidRange"; "timezoneChange": "timezoneChange"; "valueChange": "valueChange"; "action": "action"; "validationError": "validationError"; }, never, never, true, never>;
|
|
2201
2243
|
static ngAcceptInputType_changeActiveMonthOnSelection: unknown;
|
|
2202
2244
|
static ngAcceptInputType_showWeekNumbers: unknown;
|
|
2203
2245
|
}
|