@progress/kendo-angular-dateinputs 22.1.0-develop.9 → 23.0.0-develop.10

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.
Files changed (36) hide show
  1. package/calendar/calendar.component.d.ts +25 -25
  2. package/calendar/localization/calendar-custom-messages.component.d.ts +1 -1
  3. package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +1 -1
  4. package/calendar/multiview-calendar.component.d.ts +18 -18
  5. package/calendar/templates/cell-template.directive.d.ts +2 -2
  6. package/calendar/templates/century-cell-template.directive.d.ts +1 -1
  7. package/calendar/templates/decade-cell-template.directive.d.ts +1 -1
  8. package/calendar/templates/footer-template.directive.d.ts +1 -1
  9. package/calendar/templates/header-template.directive.d.ts +1 -1
  10. package/calendar/templates/header-title-template.directive.d.ts +1 -1
  11. package/calendar/templates/month-cell-template.directive.d.ts +1 -1
  12. package/calendar/templates/navigation-item-template.directive.d.ts +1 -1
  13. package/calendar/templates/weeknumber-cell-template.directive.d.ts +1 -1
  14. package/calendar/templates/year-cell-template.directive.d.ts +1 -1
  15. package/common/models/fillmode.d.ts +1 -2
  16. package/common/models/size.d.ts +1 -2
  17. package/dateinput/dateinput.component.d.ts +19 -23
  18. package/dateinput/localization/dateinput-custom-messages.component.d.ts +1 -1
  19. package/dateinput/models/format-settings.model.d.ts +1 -1
  20. package/datepicker/datepicker.component.d.ts +32 -35
  21. package/datepicker/localization/datepicker-custom-messages.component.d.ts +1 -1
  22. package/daterange/date-range-end-input.directive.d.ts +1 -1
  23. package/daterange/date-range-popup.component.d.ts +24 -24
  24. package/daterange/date-range-selection.directive.d.ts +4 -4
  25. package/daterange/date-range-start-input.directive.d.ts +1 -1
  26. package/daterange/date-range.component.d.ts +1 -1
  27. package/daterange/localization/daterange-popup-custom-messages.component.d.ts +1 -1
  28. package/datetimepicker/datetimepicker.component.d.ts +32 -33
  29. package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +1 -1
  30. package/datetimepicker/models/active-tab.type.d.ts +1 -1
  31. package/fesm2022/progress-kendo-angular-dateinputs.mjs +342 -411
  32. package/package-metadata.mjs +2 -2
  33. package/package.json +11 -11
  34. package/timepicker/localization/timepicker-custom-messages.component.d.ts +1 -1
  35. package/timepicker/timepicker.component.d.ts +22 -25
  36. package/util.d.ts +0 -12
package/fesm2022/progress-kendo-angular-dateinputs.mjs CHANGED
@@ -37,7 +37,7 @@ const packageMetadata = {
37
37
  productCode: 'KENDOUIANGULAR',
38
38
  productCodes: ['KENDOUIANGULAR'],
39
39
  publishDate: 0,
40
- version: '22.1.0-develop.9',
40
+ version: '23.0.0-develop.10',
41
41
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
42
42
  };
43
43
 
@@ -522,7 +522,8 @@ const getRoundedClass = (rounded) => {
522
522
  'small': 'k-rounded-sm',
523
523
  'medium': 'k-rounded-md',
524
524
  'large': 'k-rounded-lg',
525
- 'full': 'k-rounded-full'
525
+ 'full': 'k-rounded-full',
526
+ 'none': 'k-rounded-none'
526
527
  };
527
528
  return ROUNDED_CLASSES[rounded];
528
529
  };
@@ -538,18 +539,6 @@ const getFillModeClass = (component, fillMode) => {
538
539
  };
539
540
  return FILLMODE_CLASSES[fillMode];
540
541
  };
541
- /**
542
- * @hidden
543
- */
544
- const DEFAULT_ROUNDED = 'medium';
545
- /**
546
- * @hidden
547
- */
548
- const DEFAULT_SIZE = 'medium';
549
- /**
550
- * @hidden
551
- */
552
- const DEFAULT_FILL_MODE = 'solid';
553
542
 
554
543
  const EMPTY_DATA$3 = [[]];
555
544
  const CELLS_LENGTH$3 = 4;
@@ -1567,7 +1556,7 @@ function getTypeNameForDebugging(type) {
1567
1556
  }
1568
1557
 
1569
1558
  const noop$1 = () => false;
1570
- const DISABLED_DATES_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/disabled-dates/';
1559
+ const DISABLED_DATES_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/disabled-dates';
1571
1560
  /**
1572
1561
  * @hidden
1573
1562
  */
@@ -1769,15 +1758,12 @@ class ViewComponent {
1769
1758
  this.focusedCellId.emit(context.id);
1770
1759
  }
1771
1760
  const { isRangeEnd, isRangeStart } = context;
1772
- const isEndActive = this.activeRangeEnd === 'end' && isRangeEnd;
1773
- const isStartActive = this.activeRangeEnd === 'start' && isRangeStart;
1774
1761
  return stringifyClassObject({
1775
1762
  'k-range-end': !context.isOtherMonth && isRangeEnd,
1776
1763
  'k-range-mid': !context.isOtherMonth && context.isRangeMid,
1777
1764
  'k-range-split-end': !context.isOtherMonth && context.isRangeSplitEnd,
1778
1765
  'k-range-split-start': !context.isOtherMonth && context.isRangeSplitStart,
1779
1766
  'k-range-start': !context.isOtherMonth && isRangeStart,
1780
- 'k-active': isStartActive || isEndActive,
1781
1767
  'k-focus': !context.isOtherMonth && this.isActive && context.isFocused,
1782
1768
  'k-selected': !context.isOtherMonth && (context.isSelected || isRangeStart || isRangeEnd),
1783
1769
  'k-today': !context.isOtherMonth && context.isToday,
@@ -3027,10 +3013,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3027
3013
  * - `date` - The Date object representing the current cell's date
3028
3014
  * - `cellContext` - Additional context information about the current cell
3029
3015
  *
3030
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3016
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3031
3017
  *
3032
3018
  * `kendoCalendarCellTemplate` is equivalent to
3033
- * [`kendoCalendarMonthCellTemplate`]({% slug api_dateinputs_monthcelltemplatedirective %}).
3019
+ * [`kendoCalendarMonthCellTemplate`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/monthcelltemplatedirective).
3034
3020
  *
3035
3021
  * @example
3036
3022
  * ```html
@@ -3068,7 +3054,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3068
3054
  * - `date` - The Date object representing the current cell's date
3069
3055
  * - `cellContext` - Additional context information about the current month cell
3070
3056
  *
3071
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3057
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3072
3058
  *
3073
3059
  * @example
3074
3060
  * ```html
@@ -3106,7 +3092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3106
3092
  * - `date` - The Date object representing the current cell's date
3107
3093
  * - `cellContext` - Additional context information about the current year cell
3108
3094
  *
3109
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3095
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3110
3096
  *
3111
3097
  * @example
3112
3098
  * ```html
@@ -3144,7 +3130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3144
3130
  * - `date` - The Date object representing the current cell's date
3145
3131
  * - `cellContext` - Additional context information about the current decade cell
3146
3132
  *
3147
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3133
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3148
3134
  *
3149
3135
  * @example
3150
3136
  * ```html
@@ -3182,7 +3168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3182
3168
  * - `date` - The Date object representing the current cell's date
3183
3169
  * - `cellContext` - Additional context information about the current century cell
3184
3170
  *
3185
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3171
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3186
3172
  *
3187
3173
  * @example
3188
3174
  * ```html
@@ -3220,7 +3206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3220
3206
  * - `date` - The Date object representing the current week's date
3221
3207
  * - `cellContext` - Additional context information about the current week number cell
3222
3208
  *
3223
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3209
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3224
3210
  *
3225
3211
  * @example
3226
3212
  * ```html
@@ -3258,7 +3244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3258
3244
  * - `date` - The Date object representing the current header context
3259
3245
  * - `activeView` - The current active view of the Calendar
3260
3246
  *
3261
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3247
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3262
3248
  *
3263
3249
  * @example
3264
3250
  * ```html
@@ -3452,7 +3438,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3452
3438
  * - `date` - The Date object representing the current header context
3453
3439
  * - `activeView` - The current active view of the Calendar
3454
3440
  *
3455
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3441
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3456
3442
  *
3457
3443
  * @example
3458
3444
  * ```html
@@ -3492,7 +3478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3492
3478
  * - `date` - The Date object representing the current calendar context
3493
3479
  * - `activeView` - The current active view of the Calendar
3494
3480
  *
3495
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
3481
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
3496
3482
  *
3497
3483
  * @example
3498
3484
  * ```html
@@ -3658,11 +3644,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
3658
3644
  }]
3659
3645
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
3660
3646
 
3661
- const BOTTOM_VIEW_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
3662
- const TOP_VIEW_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
3663
- const MIN_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
3664
- const MAX_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max';
3665
- const VALUE_DOC_LINK$5 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/#toc-using-with-json';
3647
+ const BOTTOM_VIEW_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#bottomview';
3648
+ const TOP_VIEW_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#topview';
3649
+ const MIN_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#min';
3650
+ const MAX_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#max';
3651
+ const VALUE_DOC_LINK$5 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar#using-with-json';
3666
3652
  /**
3667
3653
  * @hidden
3668
3654
  */
@@ -3699,7 +3685,7 @@ class MultiViewCalendarComponent {
3699
3685
  disabledDatesService;
3700
3686
  selectionService;
3701
3687
  /**
3702
- * Shows days that fall outside the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
3688
+ * Shows days that fall outside the current month ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options#displaying-other-month-days)).
3703
3689
  *
3704
3690
  * @default true
3705
3691
  */
@@ -3718,30 +3704,29 @@ class MultiViewCalendarComponent {
3718
3704
  *
3719
3705
  * The possible values are:
3720
3706
  * * `small`
3721
- * * `medium` (Default)
3707
+ * * `medium`
3722
3708
  * * `large`
3723
- * * `none`
3724
3709
  *
3710
+ * @default undefined
3725
3711
  */
3726
3712
  set size(size) {
3727
- const newSize = size ? size : DEFAULT_SIZE;
3728
3713
  this.renderer.removeClass(this.element.nativeElement, getSizeClass('calendar', this.size));
3729
- if (newSize !== 'none') {
3730
- this.renderer.addClass(this.element.nativeElement, getSizeClass('calendar', newSize));
3714
+ if (size) {
3715
+ this.renderer.addClass(this.element.nativeElement, getSizeClass('calendar', size));
3731
3716
  }
3732
- this._size = newSize;
3717
+ this._size = size;
3733
3718
  }
3734
3719
  get size() {
3735
3720
  return this._size;
3736
3721
  }
3737
- _size = DEFAULT_SIZE;
3722
+ _size = undefined;
3738
3723
  /**
3739
3724
  * @hidden
3740
3725
  */
3741
3726
  id;
3742
3727
  /**
3743
3728
  * Specifies the focused date of the Calendar
3744
- * ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
3729
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
3745
3730
  *
3746
3731
  * If the Calendar is outside the `min` or `max` range, the component normalizes the defined `focusedDate`.
3747
3732
  */
@@ -3806,14 +3791,14 @@ class MultiViewCalendarComponent {
3806
3791
  /**
3807
3792
  * Determines whether the built-in validator for disabled
3808
3793
  * date ranges is enforced when validating a form
3809
- * ([see example](slug:disabled_dates_multiviewcalendar)).
3794
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-dates)).
3810
3795
  *
3811
3796
  * @default false
3812
3797
  */
3813
3798
  disabledDatesRangeValidation = false;
3814
3799
  /**
3815
3800
  * Sets the Calendar selection mode
3816
- * ([see example]({% slug selection_multiviewcalendar %})).
3801
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/selection-modes)).
3817
3802
  * @default 'single'
3818
3803
  */
3819
3804
  set selection(_selection) {
@@ -3847,8 +3832,8 @@ class MultiViewCalendarComponent {
3847
3832
  }
3848
3833
  /**
3849
3834
  * Specifies whether the component is disabled
3850
- * ([see example]({% slug disabled_multiviewcalendar %})).
3851
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
3835
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-state)).
3836
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/forms#managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
3852
3837
  *
3853
3838
  * @default false
3854
3839
  */
@@ -3882,7 +3867,7 @@ class MultiViewCalendarComponent {
3882
3867
  isActive = false;
3883
3868
  /**
3884
3869
  * Specifies the dates of the MultiViewCalendar that will be disabled
3885
- * ([see example]({% slug disabled_dates_multiviewcalendar %})).
3870
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-dates)).
3886
3871
  */
3887
3872
  set disabledDates(value) {
3888
3873
  this.disabledDatesService.initialize(value);
@@ -3924,7 +3909,7 @@ class MultiViewCalendarComponent {
3924
3909
  animateNavigation = false;
3925
3910
  /**
3926
3911
  * Specifies whether to display a week number column in the `month` view
3927
- * ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
3912
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/week-num-column)).
3928
3913
  *
3929
3914
  * @default false
3930
3915
  */
@@ -3944,7 +3929,7 @@ class MultiViewCalendarComponent {
3944
3929
  /**
3945
3930
  * Specifies the `selectionRange` property and
3946
3931
  * defines the selection range of the component
3947
- * ([see example](slug:selection_multiviewcalendar#toc-range-selection)).
3932
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/selection-modes#range-selection)).
3948
3933
  * > We recommend using the `value` property as it now supports `range` selection.
3949
3934
  */
3950
3935
  set selectionRange(range) {
@@ -3973,27 +3958,27 @@ class MultiViewCalendarComponent {
3973
3958
  orientation = 'horizontal';
3974
3959
  /**
3975
3960
  * Fires when the active view is changed
3976
- * ([see example](slug:events_multiviewcalendar)).
3961
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
3977
3962
  */
3978
3963
  activeViewChange = new EventEmitter();
3979
3964
  /**
3980
3965
  * Fires when navigating in the currently active view
3981
- * ([see example](slug:events_multiviewcalendar)).
3966
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
3982
3967
  */
3983
3968
  navigate = new EventEmitter();
3984
3969
  /**
3985
3970
  * Fires when a view cell is entered
3986
- * ([see example](slug:events_multiviewcalendar)).
3971
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
3987
3972
  */
3988
3973
  cellEnter = new EventEmitter();
3989
3974
  /**
3990
3975
  * Fires when a view cell is leaved
3991
- * ([see example](slug:events_multiviewcalendar)).
3976
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
3992
3977
  */
3993
3978
  cellLeave = new EventEmitter();
3994
3979
  /**
3995
3980
  * Fires when the value is changed
3996
- * ([see example](slug:events_multiviewcalendar)).
3981
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
3997
3982
  */
3998
3983
  valueChange = new EventEmitter();
3999
3984
  /**
@@ -4003,12 +3988,12 @@ class MultiViewCalendarComponent {
4003
3988
  rangeSelectionChange = new EventEmitter();
4004
3989
  /**
4005
3990
  * Fires each time the MultiViewCalendar gets blurred
4006
- * ([see example](slug:events_multiviewcalendar)).
3991
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
4007
3992
  */
4008
3993
  blurEvent = new EventEmitter();
4009
3994
  /**
4010
3995
  * Fires each time the MultiViewCalendar gets focused
4011
- * ([see example](slug:events_multiviewcalendar)).
3996
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events)).
4012
3997
  */
4013
3998
  focusEvent = new EventEmitter();
4014
3999
  /**
@@ -4684,7 +4669,9 @@ class MultiViewCalendarComponent {
4684
4669
  }
4685
4670
  setClasses(element) {
4686
4671
  this.renderer.addClass(element, 'k-calendar');
4687
- this.renderer.addClass(element, getSizeClass('calendar', this.size));
4672
+ if (this.size) {
4673
+ this.renderer.addClass(element, getSizeClass('calendar', this.size));
4674
+ }
4688
4675
  if (this.views >= 2) {
4689
4676
  this.renderer.addClass(element, 'k-calendar-range');
4690
4677
  }
@@ -4837,13 +4824,13 @@ class MultiViewCalendarComponent {
4837
4824
  <ng-container kendoMultiViewCalendarLocalizedMessages
4838
4825
  i18n-today="kendo.multiviewcalendar.today|The label for the today button in the calendar header"
4839
4826
  today="Today"
4840
-
4827
+
4841
4828
  i18n-prevButtonTitle="kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar"
4842
4829
  prevButtonTitle="Navigate to previous view"
4843
-
4830
+
4844
4831
  i18n-nextButtonTitle="kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar"
4845
4832
  nextButtonTitle="Navigate to next view"
4846
-
4833
+
4847
4834
  i18n-parentViewButtonTitle="kendo.multiviewcalendar.parentViewButtonTitle|The title of the parent view button in the Multiview calendar header"
4848
4835
  parentViewButtonTitle="Navigate to parent view"
4849
4836
  >
@@ -4935,13 +4922,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
4935
4922
  <ng-container kendoMultiViewCalendarLocalizedMessages
4936
4923
  i18n-today="kendo.multiviewcalendar.today|The label for the today button in the calendar header"
4937
4924
  today="Today"
4938
-
4925
+
4939
4926
  i18n-prevButtonTitle="kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar"
4940
4927
  prevButtonTitle="Navigate to previous view"
4941
-
4928
+
4942
4929
  i18n-nextButtonTitle="kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar"
4943
4930
  nextButtonTitle="Navigate to next view"
4944
-
4931
+
4945
4932
  i18n-parentViewButtonTitle="kendo.multiviewcalendar.parentViewButtonTitle|The title of the parent view button in the Multiview calendar header"
4946
4933
  parentViewButtonTitle="Navigate to parent view"
4947
4934
  >
@@ -5192,10 +5179,10 @@ const tbody = domContainerFactory('tbody');
5192
5179
  const thead = domContainerFactory('thead');
5193
5180
  const table = domContainerFactory('table');
5194
5181
  const monthHeader = () => (div$1(`
5195
- <span class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title">March 2017</span>
5182
+ <span class="k-button k-button-flat k-calendar-title">March 2017</span>
5196
5183
  <span class="k-spacer"></span>
5197
5184
  <span class="k-calendar-nav">
5198
- <button class="k-calendar-nav-today k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">TODAY</button>
5185
+ <button class="k-calendar-nav-today k-button k-button-flat k-button-flat-base">TODAY</button>
5199
5186
  </span>
5200
5187
  `, 'k-calendar-header'));
5201
5188
  const monthWeekHeader = () => (table([
@@ -5205,7 +5192,7 @@ const monthWeekHeader = () => (table([
5205
5192
  ], 'k-calendar-weekdays k-calendar-table'));
5206
5193
  const repeat = (count, mapper) => new Array(count).fill('1').map(mapper);
5207
5194
  const content = (rows, cells = 1) => (table([
5208
- tbody([tr([th('1', 'k-calendar-th')], 'k-calendar-tr')].concat(repeat(rows, () => tr(repeat(cells, c => td(`<span class="k-link">${c}</span>`, 'k-calendar-td')), 'k-calendar-tr'))), 'k-calendar-tbody')
5195
+ tbody([tr([th('1', 'k-calendar-th k-calendar-caption')], 'k-calendar-tr')].concat(repeat(rows, () => tr(repeat(cells, c => td(`<span class="k-link">${c}</span>`, 'k-calendar-td')), 'k-calendar-tr'))), 'k-calendar-tbody')
5209
5196
  ], 'k-calendar-table'));
5210
5197
  const scrollable$1 = (children) => div$1(children, 'k-flex k-content k-scrollable');
5211
5198
  const view = (contentElement, className, renderWeekHeader) => (div$1([
@@ -6643,7 +6630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
6643
6630
  * - `date` - The Date object representing the current navigation context
6644
6631
  * - `activeView` - The current active view of the Calendar
6645
6632
  *
6646
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
6633
+ * For more examples, refer to the article on [templates](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/templates).
6647
6634
  *
6648
6635
  * @example
6649
6636
  * ```html
@@ -6692,7 +6679,7 @@ class PickerService {
6692
6679
  * </kendo-multiviewcalendar-messages>
6693
6680
  * ```
6694
6681
  *
6695
- * For more information, see the [globalization documentation]({% slug globalization_dateinputs %}#toc-custom-messages).
6682
+ * For more information, see the [globalization documentation](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages).
6696
6683
  */
6697
6684
  class MultiViewCalendarCustomMessagesComponent extends Messages {
6698
6685
  service;
@@ -6796,11 +6783,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
6796
6783
  }]
6797
6784
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
6798
6785
 
6799
- const BOTTOM_VIEW_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
6800
- const TOP_VIEW_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
6801
- const MIN_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
6802
- const MAX_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max';
6803
- const VALUE_DOC_LINK$4 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/#toc-using-with-json';
6786
+ const BOTTOM_VIEW_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#bottomview';
6787
+ const TOP_VIEW_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#topview';
6788
+ const MIN_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#min';
6789
+ const MAX_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent#max';
6790
+ const VALUE_DOC_LINK$4 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar#using-with-json';
6804
6791
  const virtualizationProp = x => x ? x.virtualization : null;
6805
6792
  /**
6806
6793
  * @hidden
@@ -6826,7 +6813,7 @@ const KENDO_INPUT_PROVIDER = {
6826
6813
  useExisting: forwardRef(() => CalendarComponent)
6827
6814
  };
6828
6815
  /**
6829
- * Represents the [Kendo UI Calendar component for Angular](slug:overview_calendar).
6816
+ * Represents the [Kendo UI Calendar component for Angular](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar).
6830
6817
  * @example
6831
6818
  * ```html
6832
6819
  * <kendo-calendar></kendo-calendar>
@@ -6850,7 +6837,7 @@ class CalendarComponent {
6850
6837
  selectionService;
6851
6838
  pickerService;
6852
6839
  /**
6853
- * Shows days that fall outside the current month and the default values per Calendar type are false for infinite and true for classic ([see example]({% slug viewoptions_calendar %}#toc-displaying-other-month-days)).
6840
+ * Shows days that fall outside the current month and the default values per Calendar type are false for infinite and true for classic ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options#displaying-other-month-days)).
6854
6841
  */
6855
6842
  set showOtherMonthDays(_showOtherMonthDays) {
6856
6843
  this._showOtherMonthDays = _showOtherMonthDays;
@@ -6874,7 +6861,7 @@ class CalendarComponent {
6874
6861
  }
6875
6862
  /**
6876
6863
  * Specifies the focused date of the Calendar
6877
- * ([see example]({% slug dates_calendar %}#toc-focused-dates)).
6864
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/dates#focused-dates)).
6878
6865
  *
6879
6866
  * If the Calendar is outside the `min` or `max` range, the component normalizes the defined `focusedDate`.
6880
6867
  */
@@ -6907,7 +6894,7 @@ class CalendarComponent {
6907
6894
  }
6908
6895
  /**
6909
6896
  * Specifies the minimum allowed date value
6910
- * ([see example]({% slug dateranges_calendar %})).
6897
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/date-ranges)).
6911
6898
  *
6912
6899
  * @default 1900-1-1
6913
6900
  */
@@ -6919,7 +6906,7 @@ class CalendarComponent {
6919
6906
  }
6920
6907
  /**
6921
6908
  * Specifies the maximum allowed date value
6922
- * ([see example]({% slug dateranges_calendar %})).
6909
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/date-ranges)).
6923
6910
  *
6924
6911
  * @default 2099-12-31
6925
6912
  */
@@ -6949,7 +6936,7 @@ class CalendarComponent {
6949
6936
  footer = false;
6950
6937
  /**
6951
6938
  * Sets the Calendar selection mode
6952
- * ([see example]({% slug selection_calendar %})).
6939
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/selection-modes)).
6953
6940
  * @default 'single'
6954
6941
  */
6955
6942
  set selection(_selection) {
@@ -6982,8 +6969,8 @@ class CalendarComponent {
6982
6969
  /**
6983
6970
  * Sets or gets the `disabled` property of the Calendar and
6984
6971
  * determines whether the component is active
6985
- * ([see example]({% slug disabled_calendar %})).
6986
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_calendar#toc-managing-the-calendar-disabled-state-in-reactive-forms).
6972
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/disabled-state)).
6973
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/forms#managing-the-calendar-disabled-state-in-reactive-forms).
6987
6974
  */
6988
6975
  disabled = false;
6989
6976
  /**
@@ -7005,7 +6992,7 @@ class CalendarComponent {
7005
6992
  }
7006
6993
  /**
7007
6994
  * Specifies the dates of the Calendar that will be disabled
7008
- * ([see example]({% slug disabled_dates_calendar %})).
6995
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/disabled-dates)).
7009
6996
  */
7010
6997
  set disabledDates(value) {
7011
6998
  this.disabledDatesService.initialize(value);
@@ -7016,15 +7003,15 @@ class CalendarComponent {
7016
7003
  }
7017
7004
  /**
7018
7005
  * Determines whether the navigation side-bar will be displayed
7019
- * ([see example]({% slug sidebar_calendar %})).
7020
- * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
7006
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/sidebar)).
7007
+ * Applies to the [`infinite`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/calendarcomponent#type) Calendar only.
7021
7008
  *
7022
7009
  * @default true
7023
7010
  */
7024
7011
  navigation = true;
7025
7012
  /**
7026
7013
  * Defines the active view that the Calendar initially renders
7027
- * ([see example]({% slug viewoptions_calendar %})).
7014
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options)).
7028
7015
  * You have to set `activeView` within the `topView`-`bottomView` range.
7029
7016
  *
7030
7017
  * @default 'month'
@@ -7032,14 +7019,14 @@ class CalendarComponent {
7032
7019
  activeView = CalendarViewEnum[CalendarViewEnum.month];
7033
7020
  /**
7034
7021
  * Defines the bottommost view to which the user can navigate
7035
- * ([see example](slug:viewdepth_calendar)).
7022
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-depth)).
7036
7023
  *
7037
7024
  * @default 'month'
7038
7025
  */
7039
7026
  bottomView = CalendarViewEnum[CalendarViewEnum.month];
7040
7027
  /**
7041
7028
  * Defines the topmost view to which the user can navigate
7042
- * ([see example](slug:viewdepth_calendar)).
7029
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-depth)).
7043
7030
  *
7044
7031
  * @default 'century'
7045
7032
  */
@@ -7061,7 +7048,7 @@ class CalendarComponent {
7061
7048
  }
7062
7049
  /**
7063
7050
  * Determines whether to enable animation when navigating to previous/next view.
7064
- * Applies to the [`classic`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
7051
+ * Applies to the [`classic`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/calendarcomponent#type) Calendar only.
7065
7052
  *
7066
7053
  * This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
7067
7054
  *
@@ -7070,7 +7057,7 @@ class CalendarComponent {
7070
7057
  animateNavigation = false;
7071
7058
  /**
7072
7059
  * Determines whether to display a week number column in the `month` view
7073
- * ([see example]({% slug weeknumcolumn_calendar %})).
7060
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/week-num-column)).
7074
7061
  *
7075
7062
  * @default false
7076
7063
  */
@@ -7081,33 +7068,33 @@ class CalendarComponent {
7081
7068
  closePopup = new EventEmitter();
7082
7069
  /**
7083
7070
  * Fires when the active view is changed
7084
- * ([see example](slug:events_calendar)).
7071
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7085
7072
  */
7086
7073
  activeViewChange = new EventEmitter();
7087
7074
  /**
7088
7075
  * Fires when navigating in the currently active view
7089
- * ([see example](slug:events_calendar)).
7076
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7090
7077
  */
7091
7078
  navigate = new EventEmitter();
7092
7079
  /**
7093
7080
  * Fires when the active view date is changed
7094
- * ([see example](slug:events_calendar)).
7095
- * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
7081
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7082
+ * Applies to the [`infinite`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/calendarcomponent#type) Calendar only.
7096
7083
  */
7097
7084
  activeViewDateChange = new EventEmitter();
7098
7085
  /**
7099
7086
  * Fires each time the Calendar gets blurred
7100
- * ([see example](slug:events_calendar)).
7087
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7101
7088
  */
7102
7089
  onBlur = new EventEmitter();
7103
7090
  /**
7104
7091
  * Fires each time the Calendar gets focused
7105
- * ([see example](slug:events_calendar)).
7092
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7106
7093
  */
7107
7094
  onFocus = new EventEmitter();
7108
7095
  /**
7109
7096
  * Fires when the value is changed
7110
- * ([see example](slug:events_calendar)).
7097
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/events)).
7111
7098
  */
7112
7099
  valueChange = new EventEmitter();
7113
7100
  /**
@@ -7307,10 +7294,10 @@ class CalendarComponent {
7307
7294
  *
7308
7295
  * The possible values are:
7309
7296
  * * `small`
7310
- * * `medium` (Default)
7297
+ * * `medium`
7311
7298
  * * `large`
7312
- * * `none`
7313
7299
  *
7300
+ * @default undefined
7314
7301
  */
7315
7302
  set size(size) {
7316
7303
  this._size = size;
@@ -7318,7 +7305,7 @@ class CalendarComponent {
7318
7305
  get size() {
7319
7306
  return this._size;
7320
7307
  }
7321
- _size = DEFAULT_SIZE;
7308
+ _size = undefined;
7322
7309
  /**
7323
7310
  * Specifies which end of the defined selection range should be marked as active.
7324
7311
  * Value will be ignored if the selection range is undefined. If range selection is used then the default value is 'start'.
@@ -7461,7 +7448,7 @@ class CalendarComponent {
7461
7448
  }
7462
7449
  ngAfterViewInit() {
7463
7450
  this.setAriaActivedescendant();
7464
- if (this.size !== 'none') {
7451
+ if (this.size) {
7465
7452
  const element = this.type === 'infinite' ? this.element : this.multiViewCalendar.element;
7466
7453
  this.renderer.removeClass(element.nativeElement, getSizeClass('calendar', this.size));
7467
7454
  this.renderer.addClass(element.nativeElement, getSizeClass('calendar', this.size));
@@ -8045,13 +8032,13 @@ class CalendarComponent {
8045
8032
  <ng-container kendoCalendarLocalizedMessages
8046
8033
  i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
8047
8034
  today="Today"
8048
-
8035
+
8049
8036
  i18n-prevButtonTitle="kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar"
8050
8037
  prevButtonTitle="Navigate to previous view"
8051
-
8038
+
8052
8039
  i18n-nextButtonTitle="kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar"
8053
8040
  nextButtonTitle="Navigate to next view"
8054
-
8041
+
8055
8042
  i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
8056
8043
  parentViewButtonTitle="Navigate to parent view"
8057
8044
  >
@@ -8188,13 +8175,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
8188
8175
  <ng-container kendoCalendarLocalizedMessages
8189
8176
  i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
8190
8177
  today="Today"
8191
-
8178
+
8192
8179
  i18n-prevButtonTitle="kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar"
8193
8180
  prevButtonTitle="Navigate to previous view"
8194
-
8181
+
8195
8182
  i18n-nextButtonTitle="kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar"
8196
8183
  nextButtonTitle="Navigate to next view"
8197
-
8184
+
8198
8185
  i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
8199
8186
  parentViewButtonTitle="Navigate to parent view"
8200
8187
  >
@@ -8546,9 +8533,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
8546
8533
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
8547
8534
 
8548
8535
  let nextId = 0;
8549
- const MIN_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent/#toc-min';
8550
- const MAX_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent/#toc-max';
8551
- const VALUE_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/#toc-using-with-json';
8536
+ const MIN_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent#min';
8537
+ const MAX_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent#max';
8538
+ const VALUE_DOC_LINK$3 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput#using-with-json';
8552
8539
  const TWO_DIGIT_YEAR_MAX$2 = 68;
8553
8540
  const DEFAULT_FORMAT$1 = 'd';
8554
8541
  const DEFAULT_FORMAT_PLACEHOLDER = 'wide';
@@ -8597,7 +8584,7 @@ class DateInputIntl {
8597
8584
  }
8598
8585
  }
8599
8586
  /**
8600
- * Represents the [Kendo UI DateInput component for Angular](slug:overview_dateinput).
8587
+ * Represents the [Kendo UI DateInput component for Angular](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput).
8601
8588
  *
8602
8589
  * ```html
8603
8590
  * <kendo-dateinput/>
@@ -8654,15 +8641,15 @@ class DateInputComponent {
8654
8641
  clearButton = false;
8655
8642
  /**
8656
8643
  * Specifies whether the component is disabled
8657
- * ([see example]({% slug disabled_dateinput %})).
8658
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_dateinput#toc-managing-the-dateinput-disabled-state-in-reactive-forms).
8644
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/disabled-state)).
8645
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/forms#managing-the-dateinput-disabled-state-in-reactive-forms).
8659
8646
  *
8660
8647
  * @default false
8661
8648
  */
8662
8649
  disabled = false;
8663
8650
  /**
8664
8651
  * Specifies the read-only state of the DateInput
8665
- * ([see example]({% slug readonly_dateinput %})).
8652
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/readonly-state)).
8666
8653
  *
8667
8654
  * @default false
8668
8655
  */
@@ -8702,7 +8689,7 @@ class DateInputComponent {
8702
8689
  isRequired = false;
8703
8690
  /**
8704
8691
  * Specifies the date format that is used to display the input value
8705
- * ([see example]({% slug formats_dateinput %})).
8692
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/formats)).
8706
8693
  *
8707
8694
  * You can provide a string if a single format is going to be used regardless whether the input is focused or blurred.
8708
8695
  * Alternatively, you can provide a FormatSettings object to display different formats when the component is focused or blurred by specifying inputFormat and displayFormat values.
@@ -8711,7 +8698,7 @@ class DateInputComponent {
8711
8698
  /**
8712
8699
  * Defines the descriptions of the format sections in the input field.
8713
8700
  * For more information, refer to the article on
8714
- * [placeholders]({% slug placeholders_dateinput %}).
8701
+ * [placeholders](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/placeholders).
8715
8702
  */
8716
8703
  set formatPlaceholder(format) {
8717
8704
  this._formatPlaceholder = format || DEFAULT_FORMAT_PLACEHOLDER;
@@ -8722,25 +8709,25 @@ class DateInputComponent {
8722
8709
  /**
8723
8710
  * Specifies the hint the DateInput displays when its value is `null`.
8724
8711
  * For more information, refer to the article on
8725
- * [placeholders]({% slug placeholders_dateinput %}).
8712
+ * [placeholders](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/placeholders).
8726
8713
  */
8727
8714
  placeholder;
8728
8715
  /**
8729
8716
  * Configures the incremental steps of the DateInput.
8730
8717
  * For more information, refer to the article on
8731
- * [incremental steps]({% slug incrementalsteps_dateinput %}).
8718
+ * [incremental steps](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/incremental-steps).
8732
8719
  */
8733
8720
  steps = {};
8734
8721
  /**
8735
8722
  * Specifies the biggest date that is valid
8736
- * ([see example]({% slug dateranges_dateinput %})).
8723
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/date-ranges)).
8737
8724
  *
8738
8725
  * @default 2099-12-31
8739
8726
  */
8740
8727
  max = cloneDate(MAX_DATE);
8741
8728
  /**
8742
8729
  * Specifies the smallest date that is valid
8743
- * ([see example]({% slug dateranges_dateinput %})).
8730
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/date-ranges)).
8744
8731
  *
8745
8732
  * @default 1900-1-1
8746
8733
  */
@@ -8792,7 +8779,7 @@ class DateInputComponent {
8792
8779
  incompleteDateValidation = false;
8793
8780
  /**
8794
8781
  * The maximum year to assume to be from the current century when typing two-digit year value
8795
- * ([see example]({% slug formats_dateinput %}#toc-two-digit-year-format)).
8782
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/formats#two-digit-year-format)).
8796
8783
  *
8797
8784
  * The default value is 68, indicating that typing any value less than 69
8798
8785
  * will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
@@ -8822,7 +8809,7 @@ class DateInputComponent {
8822
8809
  /**
8823
8810
  * Specifies whether the **Up** and **Down** spin buttons will be rendered.
8824
8811
  * For more information, refer to the article on
8825
- * [spinner buttons]({% slug spinbuttons_dateinput %}).
8812
+ * [spinner buttons](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/spin-buttons).
8826
8813
  *
8827
8814
  * @default false
8828
8815
  */
@@ -8836,52 +8823,45 @@ class DateInputComponent {
8836
8823
  */
8837
8824
  hasPopup;
8838
8825
  /**
8839
- * Specifies the size of the component.
8840
- *
8841
- * @default medium
8826
+ * Specifies the size of the component. The default value is set by the Kendo theme.
8842
8827
  *
8843
8828
  */
8844
8829
  set size(size) {
8845
8830
  this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
8846
- const newSize = size || DEFAULT_SIZE;
8847
- if (newSize !== 'none') {
8848
- this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
8831
+ if (size) {
8832
+ this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
8849
8833
  }
8850
- this._size = newSize;
8834
+ this._size = size;
8851
8835
  }
8852
8836
  get size() {
8853
8837
  return this._size;
8854
8838
  }
8855
8839
  /**
8856
- * Specifies the border radius of the component.
8857
- * @default 'medium'
8840
+ * Specifies the border radius of the component. The default value is set by the Kendo theme.
8858
8841
  */
8859
8842
  set rounded(rounded) {
8860
8843
  this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
8861
- const newRounded = rounded || DEFAULT_ROUNDED;
8862
- if (newRounded !== 'none') {
8863
- this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
8844
+ if (rounded) {
8845
+ this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
8864
8846
  }
8865
- this._rounded = newRounded;
8847
+ this._rounded = rounded;
8866
8848
  }
8867
8849
  get rounded() {
8868
8850
  return this._rounded;
8869
8851
  }
8870
8852
  /**
8871
- * Specifies the fillMode of the component.
8872
- * @default 'solid'
8853
+ * Specifies the fillMode of the component. The default value is set by the Kendo theme.
8873
8854
  */
8874
8855
  set fillMode(fillMode) {
8875
8856
  this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
8876
- const newFillMode = fillMode || DEFAULT_FILL_MODE;
8877
- if (newFillMode !== 'none') {
8878
- this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
8857
+ if (fillMode) {
8858
+ this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
8879
8859
  if (this.spinners && this.spinup && this.spindown) {
8880
- this.setSpinnerFill(this.spinup.nativeElement, newFillMode, this.fillMode);
8881
- this.setSpinnerFill(this.spindown.nativeElement, newFillMode, this.fillMode);
8860
+ this.setSpinnerFill(this.spinup.nativeElement, fillMode, this.fillMode);
8861
+ this.setSpinnerFill(this.spindown.nativeElement, fillMode, this.fillMode);
8882
8862
  }
8883
8863
  }
8884
- this._fillMode = newFillMode;
8864
+ this._fillMode = fillMode;
8885
8865
  }
8886
8866
  get fillMode() {
8887
8867
  return this._fillMode;
@@ -8904,23 +8884,23 @@ class DateInputComponent {
8904
8884
  }
8905
8885
  /**
8906
8886
  * Fires each time the user selects a new value
8907
- * ([see example](slug:events_dateinput)).
8887
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/events)).
8908
8888
  */
8909
8889
  valueChange = new EventEmitter();
8910
8890
  /**
8911
8891
  * @hidden
8912
8892
  * Fires each time the user selects a new value
8913
- * ([see example](slug:events_dateinput)).
8893
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/events)).
8914
8894
  */
8915
8895
  valueUpdate = new EventEmitter();
8916
8896
  /**
8917
8897
  * Fires each time the user focuses the input element
8918
- * ([see example](slug:events_dateinput)).
8898
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/events)).
8919
8899
  */
8920
8900
  onFocus = new EventEmitter();
8921
8901
  /**
8922
8902
  * Fires each time the input element gets blurred
8923
- * ([see example](slug:events_dateinput)).
8903
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/events)).
8924
8904
  */
8925
8905
  onBlur = new EventEmitter();
8926
8906
  /**
@@ -9011,9 +8991,9 @@ class DateInputComponent {
9011
8991
  onControlChange = noop$2;
9012
8992
  onControlTouched = noop$2;
9013
8993
  onValidatorChange = noop$2;
9014
- _size = DEFAULT_SIZE;
9015
- _rounded = DEFAULT_ROUNDED;
9016
- _fillMode = DEFAULT_FILL_MODE;
8994
+ _size;
8995
+ _rounded;
8996
+ _fillMode;
9017
8997
  control;
9018
8998
  subs = new Subscription();
9019
8999
  _inputAttributes;
@@ -9375,24 +9355,24 @@ class DateInputComponent {
9375
9355
  }
9376
9356
  }
9377
9357
  setSpinnerFill(spinner, fill, oldFill) {
9378
- if (oldFill !== 'none') {
9358
+ if (oldFill) {
9379
9359
  this.renderer.removeClass(spinner, `k-button-${oldFill}`);
9380
- this.renderer.removeClass(spinner, `k-button-${oldFill}-base`);
9381
9360
  }
9382
- this.renderer.addClass(spinner, `k-button-${fill}`);
9383
- this.renderer.addClass(spinner, `k-button-${fill}-base`);
9361
+ if (fill) {
9362
+ this.renderer.addClass(spinner, `k-button-${fill}`);
9363
+ }
9384
9364
  }
9385
9365
  setComponentClasses() {
9386
- if (this.size !== 'none') {
9366
+ if (this.size) {
9387
9367
  this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
9388
9368
  }
9389
- if (this.rounded !== 'none') {
9369
+ if (this.rounded) {
9390
9370
  this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
9391
9371
  }
9392
- if (this.fillMode !== 'none') {
9372
+ if (this.fillMode) {
9393
9373
  this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
9394
9374
  }
9395
- if (this.spinners && this.fillMode !== 'none') {
9375
+ if (this.spinners && this.fillMode) {
9396
9376
  this.setSpinnerFill(this.spinup.nativeElement, this.fillMode);
9397
9377
  this.setSpinnerFill(this.spindown.nativeElement, this.fillMode);
9398
9378
  }
@@ -9412,10 +9392,10 @@ class DateInputComponent {
9412
9392
  <ng-container kendoDateInputLocalizedMessages
9413
9393
  i18n-increment="kendo.dateinput.increment|The label for the **Increment** button in the DateInput"
9414
9394
  increment="Increase value"
9415
-
9395
+
9416
9396
  i18n-decrement="kendo.dateinput.decrement|The label for the **Decrement** button in the DateInput"
9417
9397
  decrement="Decrease value"
9418
-
9398
+
9419
9399
  i18n-clearTitle="kendo.dateinput.clearTitle|The title of the clear button"
9420
9400
  clearTitle="clear"
9421
9401
  >
@@ -9518,10 +9498,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
9518
9498
  <ng-container kendoDateInputLocalizedMessages
9519
9499
  i18n-increment="kendo.dateinput.increment|The label for the **Increment** button in the DateInput"
9520
9500
  increment="Increase value"
9521
-
9501
+
9522
9502
  i18n-decrement="kendo.dateinput.decrement|The label for the **Decrement** button in the DateInput"
9523
9503
  decrement="Decrease value"
9524
-
9504
+
9525
9505
  i18n-clearTitle="kendo.dateinput.clearTitle|The title of the clear button"
9526
9506
  clearTitle="clear"
9527
9507
  >
@@ -9760,7 +9740,7 @@ const disabledDatesValidator = (isDateDisabled) => {
9760
9740
  * </kendo-calendar-messages>
9761
9741
  * ```
9762
9742
  *
9763
- * For more information, see the [globalization documentation]({% slug globalization_dateinputs %}#toc-custom-messages).
9743
+ * For more information, see the [globalization documentation](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages).
9764
9744
  */
9765
9745
  class CalendarCustomMessagesComponent extends CalendarMessages {
9766
9746
  service;
@@ -9796,7 +9776,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
9796
9776
 
9797
9777
  /**
9798
9778
  * Represents the Kendo UI DateInput custom messages component.
9799
- * Overrides the default component messages with custom messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
9779
+ * Overrides the default component messages with custom messages ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
9800
9780
  *
9801
9781
  * @example
9802
9782
  * ```ts
@@ -9934,14 +9914,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
9934
9914
  }]
9935
9915
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
9936
9916
 
9937
- const MIN_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DatePickerComponent/#toc-min';
9938
- const MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DatePickerComponent/#toc-max';
9939
- const VALUE_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/#toc-using-with-json';
9917
+ const MIN_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DatePickerComponent#min';
9918
+ const MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DatePickerComponent#max';
9919
+ const VALUE_DOC_LINK$2 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker#using-with-json';
9940
9920
  const DEFAULT_FORMAT = 'd';
9941
9921
  const TWO_DIGIT_YEAR_MAX$1 = 68;
9942
9922
  /**
9943
9923
  * Represents the Kendo UI DatePicker component for Angular.
9944
- * Provides a user-friendly way to select dates with a calendar popup ([see example](slug:overview_datepicker)).
9924
+ * Provides a user-friendly way to select dates with a calendar popup ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker)).
9945
9925
  *
9946
9926
  * @example
9947
9927
  * ```ts
@@ -10106,24 +10086,24 @@ class DatePickerComponent extends MultiTabStop {
10106
10086
  */
10107
10087
  weekDaysFormat = "short";
10108
10088
  /**
10109
- * Shows the days that fall outside the current month in the Calendar ([see example]({% slug viewoptions_calendar %}#toc-displaying-other-month-days)).
10089
+ * Shows the days that fall outside the current month in the Calendar ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options#displaying-other-month-days)).
10110
10090
  * The default value is `false` for infinite Calendar type and `true` for classic Calendar type.
10111
10091
  */
10112
10092
  showOtherMonthDays;
10113
10093
  /**
10114
- * Specifies the active view that the Calendar initially renders ([see example]({% slug viewoptions_calendar %}#toc-active-view)).
10094
+ * Specifies the active view that the Calendar initially renders ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options#active-view)).
10115
10095
  *
10116
10096
  * You have to set `activeView` within the `topView`-`bottomView` range.
10117
10097
  * @default 'month'
10118
10098
  */
10119
10099
  activeView = CalendarViewEnum[CalendarViewEnum.month];
10120
10100
  /**
10121
- * Specifies the bottommost Calendar view to which you can navigate ([see example](slug:datepicker_calendar_options#toc-view-selection-depth)).
10101
+ * Specifies the bottommost Calendar view to which you can navigate ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#view-selection-depth)).
10122
10102
  * @default 'month'
10123
10103
  */
10124
10104
  bottomView = CalendarViewEnum[CalendarViewEnum.month];
10125
10105
  /**
10126
- * Specifies the topmost Calendar view to which you can navigate ([see example](slug:datepicker_calendar_options#toc-view-selection-depth)).
10106
+ * Specifies the topmost Calendar view to which you can navigate ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#view-selection-depth)).
10127
10107
  * @default 'century'
10128
10108
  */
10129
10109
  topView = CalendarViewEnum[CalendarViewEnum.century];
@@ -10134,7 +10114,7 @@ class DatePickerComponent extends MultiTabStop {
10134
10114
  calendarType = 'infinite';
10135
10115
  /**
10136
10116
  * Determines whether to enable animation when navigating to previous/next Calendar view.
10137
- * Applies to the [`classic`]({% slug api_dateinputs_datepickercomponent %}#toc-calendartype) Calendar only.
10117
+ * Applies to the [`classic`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#calendartype) Calendar only.
10138
10118
  *
10139
10119
  * This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
10140
10120
  *
@@ -10142,21 +10122,21 @@ class DatePickerComponent extends MultiTabStop {
10142
10122
  */
10143
10123
  animateCalendarNavigation = false;
10144
10124
  /**
10145
- * Specifies or gets the `disabled` property of the DatePicker and determines whether the component is active ([see example]({% slug disabled_datepicker %})).
10146
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datepicker#toc-managing-the-datepicker-disabled-state-in-reactive-forms).
10125
+ * Specifies or gets the `disabled` property of the DatePicker and determines whether the component is active ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-state)).
10126
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/forms#managing-the-datepicker-disabled-state-in-reactive-forms).
10147
10127
  */
10148
10128
  disabled = false;
10149
10129
  /**
10150
- * Specifies the read-only state of the DatePicker ([see example]({% slug readonly_datepicker %}#toc-read-only-datepicker)).
10130
+ * Specifies the read-only state of the DatePicker ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/readonly-state#read-only-datepicker)).
10151
10131
  *
10152
10132
  * @default false
10153
10133
  */
10154
10134
  readonly = false;
10155
10135
  /**
10156
10136
  * Sets the read-only state of the DatePicker input field
10157
- * ([see example]({% slug readonly_datepicker %}#toc-read-only-input)).
10137
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/readonly-state#read-only-input)).
10158
10138
  *
10159
- * If you set the [`readonly`]({% slug api_dateinputs_datepickercomponent %}#toc-readonly) property value to `true`,
10139
+ * If you set the [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonly) property value to `true`,
10160
10140
  * the input will be rendered in a read-only state regardless of the `readOnlyInput` value.
10161
10141
  */
10162
10142
  readOnlyInput = false;
@@ -10176,7 +10156,7 @@ class DatePickerComponent extends MultiTabStop {
10176
10156
  /**
10177
10157
  * Sets or gets the `navigation` property of the Calendar
10178
10158
  * and determines whether the navigation side-bar is displayed.
10179
- * ([see example]({% slug sidebar_datepicker %})).
10159
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/sidebar)).
10180
10160
  */
10181
10161
  set navigation(state) {
10182
10162
  this._navigation = state;
@@ -10190,13 +10170,13 @@ class DatePickerComponent extends MultiTabStop {
10190
10170
  _navigation = true;
10191
10171
  /**
10192
10172
  * Specifies the smallest valid date
10193
- * ([see example]({% slug dateranges_datepicker %})).
10173
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/date-ranges)).
10194
10174
  * @default 1900-1-1
10195
10175
  */
10196
10176
  min = cloneDate(MIN_DATE);
10197
10177
  /**
10198
10178
  * Specifies the biggest valid date
10199
- * ([see example]({% slug dateranges_datepicker %})).
10179
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/date-ranges)).
10200
10180
  * @default 2099-12-31
10201
10181
  */
10202
10182
  max = cloneDate(MAX_DATE);
@@ -10241,7 +10221,7 @@ class DatePickerComponent extends MultiTabStop {
10241
10221
  autoFill = false;
10242
10222
  /**
10243
10223
  * Specifies the focused date of the Calendar component
10244
- * ([see example](slug:datepicker_calendar_options#toc-focused-dates)).
10224
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#focused-dates)).
10245
10225
  * @default null
10246
10226
  */
10247
10227
  focusedDate = null;
@@ -10259,7 +10239,7 @@ class DatePickerComponent extends MultiTabStop {
10259
10239
  }
10260
10240
  /**
10261
10241
  * Specifies the date format that is used to display the input value
10262
- * ([see example]({% slug formats_datepicker %})).
10242
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/formats)).
10263
10243
  *
10264
10244
  * Format value options include string to provide a single format that is used regardless whether the input is focused or blurred.
10265
10245
  * FormatSettings can be used to display different formats when the component is focused or blurred by providing a settings object with specified inputFormat and displayFormat values.
@@ -10267,7 +10247,7 @@ class DatePickerComponent extends MultiTabStop {
10267
10247
  format = DEFAULT_FORMAT;
10268
10248
  /**
10269
10249
  * The maximum year to assume to be from the current century when typing two-digit year value
10270
- * ([see example]({% slug formats_datepicker %}#toc-two-digit-year-format)).
10250
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/formats#two-digit-year-format)).
10271
10251
  *
10272
10252
  * The default value is 68, indicating that typing any value less than 69
10273
10253
  * will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
@@ -10276,13 +10256,13 @@ class DatePickerComponent extends MultiTabStop {
10276
10256
  twoDigitYearMax = TWO_DIGIT_YEAR_MAX$1;
10277
10257
  /**
10278
10258
  * Defines the descriptions of the format sections in the input field.
10279
- * ([more information and examples]({% slug placeholders_datepicker %})).
10259
+ * ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders)).
10280
10260
  *
10281
10261
  */
10282
10262
  formatPlaceholder;
10283
10263
  /**
10284
10264
  * Specifies the hint the DatePicker displays when its value is `null`.
10285
- * ([more information and exaples]({% slug placeholders_datepicker %})).
10265
+ * ([more information and exaples](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders)).
10286
10266
  */
10287
10267
  placeholder;
10288
10268
  /**
@@ -10302,7 +10282,7 @@ class DatePickerComponent extends MultiTabStop {
10302
10282
  }
10303
10283
  /**
10304
10284
  * Sets the dates of the DatePicker that will be disabled
10305
- * ([see example]({% slug disabled_dates_datepicker %})).
10285
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-dates)).
10306
10286
  */
10307
10287
  set disabledDates(value) {
10308
10288
  this._disabledDates = value;
@@ -10313,13 +10293,13 @@ class DatePickerComponent extends MultiTabStop {
10313
10293
  }
10314
10294
  /**
10315
10295
  * Sets the title of the input element of the DatePicker and the title text rendered
10316
- * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
10296
+ * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
10317
10297
  * @default ""
10318
10298
  */
10319
10299
  adaptiveTitle = "";
10320
10300
  /**
10321
10301
  * Sets the subtitle text rendered in the header of the popup(action sheet).
10322
- * Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
10302
+ * Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
10323
10303
  * @default ""
10324
10304
  */
10325
10305
  adaptiveSubtitle = "";
@@ -10332,63 +10312,55 @@ class DatePickerComponent extends MultiTabStop {
10332
10312
  /**
10333
10313
  * Determines whether the built-in validator for disabled
10334
10314
  * date ranges is enforced when validating a form
10335
- * ([see example]( slug:disabled_dates_datepicker#toc-using-a-function)).
10315
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-dates#using-a-function)).
10336
10316
  * @default true
10337
10317
  */
10338
10318
  disabledDatesValidation = true;
10339
10319
  /**
10340
10320
  * Determines whether to display a week number column in the `month` view of the Calendar
10341
- * ([see example](slug:datepicker_calendar_options#toc-week-number-column)).
10321
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#week-number-column)).
10342
10322
  * @default false
10343
10323
  */
10344
10324
  weekNumber = false;
10345
10325
  /**
10346
- * Sets the size of the component.
10347
- * @default 'medium'
10326
+ * Sets the size of the component. The default value is set by the Kendo theme.
10348
10327
  */
10349
10328
  set size(size) {
10350
10329
  this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
10351
10330
  this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
10352
- const newSize = size || DEFAULT_SIZE;
10353
- if (newSize !== 'none') {
10354
- this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
10355
- this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
10331
+ if (size) {
10332
+ this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
10333
+ this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
10356
10334
  }
10357
- this._size = newSize;
10335
+ this._size = size;
10358
10336
  }
10359
10337
  get size() {
10360
10338
  return this._size;
10361
10339
  }
10362
10340
  /**
10363
- * Specifies the border radius of the component.
10364
- * @default 'medium'
10341
+ * Specifies the border radius of the component. The default value is set by the Kendo theme.
10365
10342
  */
10366
10343
  set rounded(rounded) {
10367
10344
  this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
10368
- const newRounded = rounded || DEFAULT_ROUNDED;
10369
- if (newRounded !== 'none') {
10370
- this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
10345
+ if (rounded) {
10346
+ this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
10371
10347
  }
10372
- this._rounded = newRounded;
10348
+ this._rounded = rounded;
10373
10349
  }
10374
10350
  get rounded() {
10375
10351
  return this._rounded;
10376
10352
  }
10377
10353
  /**
10378
- * Specifies the fillMode of the component.
10379
- * @default 'solid'
10354
+ * Specifies the fillMode of the component. The default value is set by the Kendo theme.
10380
10355
  */
10381
10356
  set fillMode(fillMode) {
10382
10357
  this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
10383
10358
  this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
10384
- this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
10385
- const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
10386
- if (newFillMode !== 'none') {
10387
- this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
10388
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
10389
- this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
10359
+ if (fillMode) {
10360
+ this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
10361
+ this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
10390
10362
  }
10391
- this._fillMode = newFillMode;
10363
+ this._fillMode = fillMode;
10392
10364
  }
10393
10365
  get fillMode() {
10394
10366
  return this._fillMode;
@@ -10401,28 +10373,28 @@ class DatePickerComponent extends MultiTabStop {
10401
10373
  adaptiveMode = 'none';
10402
10374
  /**
10403
10375
  * Fires each time the user selects a new value
10404
- * ([see example](slug:events_datepicker)).
10376
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
10405
10377
  */
10406
10378
  valueChange = new EventEmitter();
10407
10379
  /**
10408
10380
  * Fires each time the user focuses the input element
10409
- * ([see example](slug:events_datepicker)).
10381
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
10410
10382
  */
10411
10383
  onFocus = new EventEmitter();
10412
10384
  /**
10413
10385
  * Fires each time the input element gets blurred
10414
- * ([see example](slug:events_datepicker)).
10386
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
10415
10387
  */
10416
10388
  onBlur = new EventEmitter();
10417
10389
  /**
10418
10390
  * Fires each time the popup is about to open
10419
- * ([see example](slug:events_datepicker)).
10391
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
10420
10392
  * This event is preventable. If you cancel the event, the popup will remain closed.
10421
10393
  */
10422
10394
  open = new EventEmitter();
10423
10395
  /**
10424
10396
  * Fires each time the popup is about to close
10425
- * ([see example](slug:events_datepicker)).
10397
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
10426
10398
  * This event is preventable. If you cancel the event, the popup will remain open.
10427
10399
  */
10428
10400
  close = new EventEmitter();
@@ -10521,9 +10493,9 @@ class DatePickerComponent extends MultiTabStop {
10521
10493
  ariaActiveDescendantSubscription;
10522
10494
  control;
10523
10495
  domEvents = [];
10524
- _size = DEFAULT_SIZE;
10525
- _rounded = DEFAULT_ROUNDED;
10526
- _fillMode = DEFAULT_FILL_MODE;
10496
+ _size;
10497
+ _rounded;
10498
+ _fillMode;
10527
10499
  constructor(zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, disabledDatesService, adaptiveService) {
10528
10500
  super();
10529
10501
  this.zone = zone;
@@ -11030,7 +11002,6 @@ class DatePickerComponent extends MultiTabStop {
11030
11002
  if (this.fillMode) {
11031
11003
  this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
11032
11004
  this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
11033
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
11034
11005
  }
11035
11006
  }
11036
11007
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: DisabledDatesService }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
@@ -11097,9 +11068,6 @@ class DatePickerComponent extends MultiTabStop {
11097
11068
  [enableMouseWheel]="enableMouseWheel"
11098
11069
  [allowCaretMode]="allowCaretMode"
11099
11070
  [autoFill]="autoFill"
11100
- fillMode="none"
11101
- rounded="none"
11102
- size="none"
11103
11071
  [inputAttributes]="inputAttributes"
11104
11072
  [value]="value"
11105
11073
  (valueChange)="handleInputChange($event)"
@@ -11310,9 +11278,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
11310
11278
  [enableMouseWheel]="enableMouseWheel"
11311
11279
  [allowCaretMode]="allowCaretMode"
11312
11280
  [autoFill]="autoFill"
11313
- fillMode="none"
11314
- rounded="none"
11315
- size="none"
11316
11281
  [inputAttributes]="inputAttributes"
11317
11282
  [value]="value"
11318
11283
  (valueChange)="handleInputChange($event)"
@@ -13354,11 +13319,11 @@ class TimeSelectorComponent {
13354
13319
  </span>
13355
13320
  @if (showNowButton) {
13356
13321
  <button
13357
- #now
13358
- type="button"
13359
- class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary k-time-now"
13360
- [attr.title]="localization.get('nowLabel')"
13361
- [attr.aria-label]="localization.get('nowLabel')"
13322
+ #now
13323
+ type="button"
13324
+ class="k-button k-button-flat k-button-primary k-time-now"
13325
+ [attr.title]="localization.get('nowLabel')"
13326
+ [attr.aria-label]="localization.get('nowLabel')"
13362
13327
  [kendoEventsOutsideAngular]="{
13363
13328
  click: handleNow,
13364
13329
  focus: handleFocus,
@@ -13413,7 +13378,7 @@ class TimeSelectorComponent {
13413
13378
  <button
13414
13379
  #accept
13415
13380
  type="button"
13416
- class="k-button k-time-accept k-button-md k-rounded-md k-button-solid k-button-solid-primary"
13381
+ class="k-button k-time-accept k-button-primary"
13417
13382
  [attr.title]="localization.get('acceptLabel')"
13418
13383
  [attr.aria-label]="localization.get('acceptLabel')"
13419
13384
  [kendoEventsOutsideAngular]="{
@@ -13429,7 +13394,7 @@ class TimeSelectorComponent {
13429
13394
  @if (cancelButton) {
13430
13395
  <button
13431
13396
  #cancel
13432
- class="k-button k-time-cancel k-button-md k-rounded-md k-button-solid k-button-solid-base"
13397
+ class="k-button k-time-cancel"
13433
13398
  type="button"
13434
13399
  [attr.title]="localization.get('cancelLabel')"
13435
13400
  [attr.aria-label]="localization.get('cancelLabel')"
@@ -13487,11 +13452,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
13487
13452
  </span>
13488
13453
  @if (showNowButton) {
13489
13454
  <button
13490
- #now
13491
- type="button"
13492
- class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary k-time-now"
13493
- [attr.title]="localization.get('nowLabel')"
13494
- [attr.aria-label]="localization.get('nowLabel')"
13455
+ #now
13456
+ type="button"
13457
+ class="k-button k-button-flat k-button-primary k-time-now"
13458
+ [attr.title]="localization.get('nowLabel')"
13459
+ [attr.aria-label]="localization.get('nowLabel')"
13495
13460
  [kendoEventsOutsideAngular]="{
13496
13461
  click: handleNow,
13497
13462
  focus: handleFocus,
@@ -13546,7 +13511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
13546
13511
  <button
13547
13512
  #accept
13548
13513
  type="button"
13549
- class="k-button k-time-accept k-button-md k-rounded-md k-button-solid k-button-solid-primary"
13514
+ class="k-button k-time-accept k-button-primary"
13550
13515
  [attr.title]="localization.get('acceptLabel')"
13551
13516
  [attr.aria-label]="localization.get('acceptLabel')"
13552
13517
  [kendoEventsOutsideAngular]="{
@@ -13562,7 +13527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
13562
13527
  @if (cancelButton) {
13563
13528
  <button
13564
13529
  #cancel
13565
- class="k-button k-time-cancel k-button-md k-rounded-md k-button-solid k-button-solid-base"
13530
+ class="k-button k-time-cancel"
13566
13531
  type="button"
13567
13532
  [attr.title]="localization.get('cancelLabel')"
13568
13533
  [attr.aria-label]="localization.get('cancelLabel')"
@@ -13723,13 +13688,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
13723
13688
  }]
13724
13689
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
13725
13690
 
13726
- const VALUE_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
13691
+ const VALUE_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker#integration-with-json';
13727
13692
  const INTL_DATE_FORMAT = 'https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md';
13728
13693
  const formatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.millisecond}|${TIME_PART.dayperiod}|literal`);
13729
13694
  const ACCEPT_BUTTON_SELECTOR$1 = '.k-button.k-time-accept';
13730
13695
  const CANCEL_BUTTON_SELECTOR = '.k-button.k-time-cancel';
13731
13696
  /**
13732
- * Represents the [Kendo UI TimePicker component for Angular](slug:overview_timepicker).
13697
+ * Represents the [Kendo UI TimePicker component for Angular](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker).
13733
13698
  *
13734
13699
  * @example
13735
13700
  * ```typescript
@@ -13773,24 +13738,24 @@ class TimePickerComponent extends MultiTabStop {
13773
13738
  focusableId;
13774
13739
  /**
13775
13740
  * Determines whether the TimePicker is disabled
13776
- * ([see example]({% slug disabled_timepicker %})).
13777
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_timepicker#toc-managing-the-timepicker-disabled-state-in-reactive-forms).
13741
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/disabled-state)).
13742
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/forms#managing-the-timepicker-disabled-state-in-reactive-forms).
13778
13743
  *
13779
13744
  * @default false
13780
13745
  */
13781
13746
  disabled = false;
13782
13747
  /**
13783
13748
  * Determines the read-only state of the TimePicker
13784
- * ([see example]({% slug readonly_timepicker %}#toc-read-only-timepicker)).
13749
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/readonly-state#read-only-timepicker)).
13785
13750
  *
13786
13751
  * @default false
13787
13752
  */
13788
13753
  readonly = false;
13789
13754
  /**
13790
13755
  * Sets the read-only state of the TimePicker input field
13791
- * ([see example]({% slug readonly_timepicker %}#toc-read-only-input)).
13756
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/readonly-state#read-only-input)).
13792
13757
  *
13793
- * If you set the [`readonly`]({% slug api_dateinputs_timepickercomponent %}#toc-readonly) property value to `true`,
13758
+ * If you set the [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/timepickercomponent#readonly) property value to `true`,
13794
13759
  * the input will be rendered in a read-only state regardless of the `readOnlyInput` value.
13795
13760
  * @default false
13796
13761
  */
@@ -13803,26 +13768,26 @@ class TimePickerComponent extends MultiTabStop {
13803
13768
  clearButton = false;
13804
13769
  /**
13805
13770
  * Specifies the time format that is used to display the input value
13806
- * ([see example]({% slug formats_timepicker %})).
13771
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/formats)).
13807
13772
  * @default 't'
13808
13773
  */
13809
13774
  format = 't';
13810
13775
  /**
13811
13776
  * Defines the descriptions of the format sections in the input field.
13812
13777
  * For more information, refer to the article on
13813
- * [placeholders]({% slug placeholders_timepicker %}).
13778
+ * [placeholders](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/placeholders).
13814
13779
  */
13815
13780
  formatPlaceholder;
13816
13781
  /**
13817
13782
  * Specifies the hint the TimePicker displays when its value is `null`.
13818
13783
  * For more information, refer to the article on
13819
- * [placeholders]({% slug placeholders_timepicker %}).
13784
+ * [placeholders](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/placeholders).
13820
13785
  * @default null
13821
13786
  */
13822
13787
  placeholder;
13823
13788
  /**
13824
13789
  * Specifies the smallest valid time value
13825
- * ([see example]({% slug timeranges_timepicker %})).
13790
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/time-ranges)).
13826
13791
  * @default `00:00:00`
13827
13792
  */
13828
13793
  set min(min) {
@@ -13833,7 +13798,7 @@ class TimePickerComponent extends MultiTabStop {
13833
13798
  }
13834
13799
  /**
13835
13800
  * Specifies the biggest valid time value
13836
- * ([see example]({% slug timeranges_timepicker %})).
13801
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/time-ranges)).
13837
13802
  * @default `23:59:59`
13838
13803
  */
13839
13804
  set max(max) {
@@ -13887,7 +13852,7 @@ class TimePickerComponent extends MultiTabStop {
13887
13852
  /**
13888
13853
  * Configures the incremental steps of the TimePicker.
13889
13854
  * For more information, refer to the article on
13890
- * [incremental steps]({% slug incrementalsteps_timepicker %}).
13855
+ * [incremental steps](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/incremental-steps).
13891
13856
  *
13892
13857
  * If the incremental step is greater than `1`, the **Now** button will be hidden.
13893
13858
  */
@@ -13926,12 +13891,12 @@ class TimePickerComponent extends MultiTabStop {
13926
13891
  }
13927
13892
  /**
13928
13893
  * Sets the title of the input element of the TimePicker and the title text rendered
13929
- * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
13894
+ * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
13930
13895
  */
13931
13896
  adaptiveTitle = '';
13932
13897
  /**
13933
13898
  * Sets the subtitle text rendered in the header of the popup(action sheet).
13934
- * Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
13899
+ * Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
13935
13900
  * By default, subtitle is not rendered.
13936
13901
  */
13937
13902
  adaptiveSubtitle;
@@ -13959,53 +13924,45 @@ class TimePickerComponent extends MultiTabStop {
13959
13924
  return this._value;
13960
13925
  }
13961
13926
  /**
13962
- * Sets the size of the component.
13963
- * @default 'medium'
13927
+ * Sets the size of the component. The default value is set by the Kendo theme.
13964
13928
  */
13965
13929
  set size(size) {
13966
13930
  this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
13967
13931
  this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
13968
- const newSize = size ? size : DEFAULT_SIZE;
13969
- if (newSize !== 'none') {
13970
- this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
13971
- this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
13932
+ if (size) {
13933
+ this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
13934
+ this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
13972
13935
  }
13973
- this._size = newSize;
13936
+ this._size = size;
13974
13937
  }
13975
13938
  get size() {
13976
13939
  return this._size;
13977
13940
  }
13978
13941
  /**
13979
- * Sets the rounded styling of the component.
13980
- * @default 'medium'
13942
+ * Sets the rounded styling of the component. The default value is set by the Kendo theme.
13981
13943
  *
13982
13944
  */
13983
13945
  set rounded(rounded) {
13984
13946
  this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
13985
- const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
13986
- if (newRounded !== 'none') {
13987
- this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
13947
+ if (rounded) {
13948
+ this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
13988
13949
  }
13989
- this._rounded = newRounded;
13950
+ this._rounded = rounded;
13990
13951
  }
13991
13952
  get rounded() {
13992
13953
  return this._rounded;
13993
13954
  }
13994
13955
  /**
13995
- * Sets the fillMode of the component.
13996
- * @default 'solid'
13956
+ * Sets the fillMode of the component. The default value is set by the Kendo theme.
13997
13957
  */
13998
13958
  set fillMode(fillMode) {
13999
13959
  this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
14000
13960
  this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
14001
- this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
14002
- const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
14003
- if (newFillMode !== 'none') {
14004
- this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
14005
- this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
14006
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
13961
+ if (fillMode) {
13962
+ this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
13963
+ this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
14007
13964
  }
14008
- this._fillMode = newFillMode;
13965
+ this._fillMode = fillMode;
14009
13966
  }
14010
13967
  get fillMode() {
14011
13968
  return this._fillMode;
@@ -14016,28 +13973,28 @@ class TimePickerComponent extends MultiTabStop {
14016
13973
  inputAttributes;
14017
13974
  /**
14018
13975
  * Fires each time the user selects a new value
14019
- * ([see example](slug:events_timepicker)).
13976
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/events)).
14020
13977
  */
14021
13978
  valueChange = new EventEmitter();
14022
13979
  /**
14023
13980
  * Fires each time the user focuses the input element
14024
- * ([see example](slug:events_timepicker)).
13981
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/events)).
14025
13982
  */
14026
13983
  onFocus = new EventEmitter();
14027
13984
  /**
14028
13985
  * Fires each time the input element gets blurred
14029
- * ([see example](slug:events_timepicker)).
13986
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/events)).
14030
13987
  */
14031
13988
  onBlur = new EventEmitter();
14032
13989
  /**
14033
13990
  * Fires each time the popup is about to open
14034
- * ([see example](slug:events_timepicker)).
13991
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/events)).
14035
13992
  * This event is preventable. If you cancel the event, the popup will remain closed.
14036
13993
  */
14037
13994
  open = new EventEmitter();
14038
13995
  /**
14039
13996
  * Fires each time the popup is about to close
14040
- * ([see example](slug:events_timepicker)).
13997
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/events)).
14041
13998
  * This event is preventable. If you cancel the event, the popup will remain open.
14042
13999
  */
14043
14000
  close = new EventEmitter();
@@ -14149,9 +14106,9 @@ class TimePickerComponent extends MultiTabStop {
14149
14106
  windowBlurSubscription;
14150
14107
  control;
14151
14108
  domEvents = [];
14152
- _size = DEFAULT_SIZE;
14153
- _rounded = DEFAULT_ROUNDED;
14154
- _fillMode = DEFAULT_FILL_MODE;
14109
+ _size;
14110
+ _rounded;
14111
+ _fillMode;
14155
14112
  constructor(bus, zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, intl, adaptiveService) {
14156
14113
  super();
14157
14114
  this.bus = bus;
@@ -14695,7 +14652,6 @@ class TimePickerComponent extends MultiTabStop {
14695
14652
  if (this.fillMode) {
14696
14653
  this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
14697
14654
  this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
14698
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
14699
14655
  }
14700
14656
  }
14701
14657
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimePickerComponent, deps: [{ token: BusViewService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: i1.IntlService }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
@@ -14777,9 +14733,6 @@ class TimePickerComponent extends MultiTabStop {
14777
14733
  [autoSwitchKeys]="autoSwitchKeys"
14778
14734
  [enableMouseWheel]="enableMouseWheel"
14779
14735
  [allowCaretMode]="allowCaretMode"
14780
- fillMode="none"
14781
- rounded="none"
14782
- size="none"
14783
14736
  [steps]="steps"
14784
14737
  [tabindex]="!show ? tabindex : -1"
14785
14738
  [isRequired]="isControlRequired"
@@ -15020,9 +14973,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
15020
14973
  [autoSwitchKeys]="autoSwitchKeys"
15021
14974
  [enableMouseWheel]="enableMouseWheel"
15022
14975
  [allowCaretMode]="allowCaretMode"
15023
- fillMode="none"
15024
- rounded="none"
15025
- size="none"
15026
14976
  [steps]="steps"
15027
14977
  [tabindex]="!show ? tabindex : -1"
15028
14978
  [isRequired]="isControlRequired"
@@ -15459,8 +15409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
15459
15409
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
15460
15410
 
15461
15411
  const timeFormatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.dayperiod}|literal`);
15462
- const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/integration-with-json/';
15463
- const MIN_MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits/';
15412
+ const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/integration-with-json';
15413
+ const MIN_MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits';
15464
15414
  const DEFAULT_ACTIVE_TAB = 'date';
15465
15415
  const DEFAULT_DATEINPUT_FORMAT = 'g';
15466
15416
  const DEFAULT_TIMESELECTOR_FORMAT = 't';
@@ -15559,7 +15509,7 @@ class DateTimePickerComponent extends MultiTabStop {
15559
15509
  */
15560
15510
  weekDaysFormat = "short";
15561
15511
  /**
15562
- * Displays the days that fall out of the current month in the Calendar ([see example]({% slug datetimepicker_calendar_options %}#toc-displaying-other-month-days)).
15512
+ * Displays the days that fall out of the current month in the Calendar ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/calendar-options#displaying-other-month-days)).
15563
15513
  * You can set this to show or hide days from other months.
15564
15514
  *
15565
15515
  * For infinite Calendar the default value is `false`, while for classic Calendar it is `true`.
@@ -15582,7 +15532,7 @@ class DateTimePickerComponent extends MultiTabStop {
15582
15532
  }
15583
15533
  /**
15584
15534
  * Specifies the date format for displaying the input value
15585
- * ([see example]({% slug formats_datetimepicker %})).
15535
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/formats)).
15586
15536
  *
15587
15537
  * When using a string format, the same format is applied regardless of whether the input is focused or blurred.
15588
15538
  * When using a FormatSettings object, you can specify different inputFormat and displayFormat values for focused and blurred states.
@@ -15599,7 +15549,7 @@ class DateTimePickerComponent extends MultiTabStop {
15599
15549
  }
15600
15550
  /**
15601
15551
  * The maximum year to assume to be from the current century when typing two-digit year value
15602
- * ([see example]({% slug formats_datetimepicker %}#toc-two-digit-year-format)).
15552
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/formats#two-digit-year-format)).
15603
15553
  *
15604
15554
  * The default value is 68, indicating that typing any value less than 69
15605
15555
  * will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
@@ -15619,7 +15569,7 @@ class DateTimePickerComponent extends MultiTabStop {
15619
15569
  }
15620
15570
  /**
15621
15571
  * Sets the dates of the DateTimePicker that will be disabled
15622
- * ([see example]({% slug disabled_dates_datetimepicker %})).
15572
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/disabled-dates)).
15623
15573
  */
15624
15574
  set disabledDates(value) {
15625
15575
  this._disabledDates = value;
@@ -15630,7 +15580,7 @@ class DateTimePickerComponent extends MultiTabStop {
15630
15580
  }
15631
15581
  /**
15632
15582
  * Configures the popup settings of the DateTimePicker
15633
- * ([see example]({% slug datetimepicker_popup_options %}#toc-customizing-the-popup)).
15583
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/popup-options#customizing-the-popup)).
15634
15584
  *
15635
15585
  * The available options are animate which controls the popup animation and by default, the open and close animations are enabled.
15636
15586
  * The `appendTo` option controls the popup container and by default, the popup will be appended to the root component.
@@ -15644,26 +15594,26 @@ class DateTimePickerComponent extends MultiTabStop {
15644
15594
  }
15645
15595
  /**
15646
15596
  * Specifies the title of the input element of the DateTimePicker and the title text rendered
15647
- * in the header of the popup (action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
15597
+ * in the header of the popup (action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
15648
15598
  * @default ''
15649
15599
  */
15650
15600
  adaptiveTitle = '';
15651
15601
  /**
15652
15602
  * Specifies the subtitle text rendered in the header of the popup (action sheet).
15653
- * Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
15603
+ * Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
15654
15604
  * @default ''
15655
15605
  */
15656
15606
  adaptiveSubtitle = '';
15657
15607
  /**
15658
15608
  * Specifies the `disabled` property of the DateTimePicker and determines whether the component is active
15659
- * ([see example]({% slug disabled_datetimepicker %})).
15660
- * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datetimepicker#toc-managing-the-datetimepicker-disabled-state-in-reactive-forms).
15609
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/disabled-state)).
15610
+ * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/forms#managing-the-datetimepicker-disabled-state-in-reactive-forms).
15661
15611
  * @default false
15662
15612
  */
15663
15613
  disabled = false;
15664
15614
  /**
15665
15615
  * Specifies the read-only state of the DateTimePicker
15666
- * ([see example]({% slug readonly_datetimepicker %}#toc-read-only-datetimepicker)).
15616
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/readonly-state#read-only-datetimepicker)).
15667
15617
  * @default false
15668
15618
  *
15669
15619
  * @default false
@@ -15671,9 +15621,9 @@ class DateTimePickerComponent extends MultiTabStop {
15671
15621
  readonly = false;
15672
15622
  /**
15673
15623
  * Determines whether the input field of the DateTimePicker is read-only
15674
- * ([see example]({% slug readonly_datetimepicker %}#toc-read-only-input)).
15624
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/readonly-state#read-only-input)).
15675
15625
  *
15676
- * If you set the [`readonly`]({% slug api_dateinputs_datetimepickercomponent %}#toc-readonly) property value to `true`,
15626
+ * If you set the [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datetimepickercomponent#readonly) property value to `true`,
15677
15627
  * the input will be rendered in a read-only state regardless of the `readOnlyInput` value.
15678
15628
  *
15679
15629
  * @default false
@@ -15681,28 +15631,28 @@ class DateTimePickerComponent extends MultiTabStop {
15681
15631
  readOnlyInput = false;
15682
15632
  /**
15683
15633
  * Determines whether to display the **Cancel** button in the popup
15684
- * ([see example]({% slug datetimepicker_popup_options %}#toc-toggling-the-cancel-button)).
15634
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/popup-options#toggling-the-cancel-button)).
15685
15635
  * @default true
15686
15636
  */
15687
15637
  cancelButton = true;
15688
15638
  /**
15689
15639
  * Defines the descriptions of the format sections in the input field
15690
- * ([see example]({% slug placeholders_datetimepicker %}#toc-format-sections-description)).
15640
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/placeholders#format-sections-description)).
15691
15641
  */
15692
15642
  formatPlaceholder;
15693
15643
  /**
15694
15644
  * Specifies the hint which is displayed by the DateTimePicker when its value is `null`
15695
- * ([see example]({% slug placeholders_datetimepicker %}#toc-text-hints)).
15645
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/placeholders#text-hints)).
15696
15646
  */
15697
15647
  placeholder;
15698
15648
  /**
15699
15649
  * Configures the incremental steps of the DateInput and the popup component of the TimePicker
15700
- * ([see example]({% slug incrementalsteps_datetimepicker %})).
15650
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/incremental-steps)).
15701
15651
  */
15702
15652
  steps = {};
15703
15653
  /**
15704
15654
  * Specifies the focused date of the popup Calendar
15705
- * ([see example]({% slug datetimepicker_calendar_options %}#toc-focused-dates)).
15655
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/calendar-options#focused-dates)).
15706
15656
  */
15707
15657
  focusedDate;
15708
15658
  /**
@@ -15713,7 +15663,7 @@ class DateTimePickerComponent extends MultiTabStop {
15713
15663
  calendarType = 'infinite';
15714
15664
  /**
15715
15665
  * Determines whether to enable animation when navigating to previous/next Calendar view.
15716
- * Applies to the [`classic`]({% slug api_dateinputs_datetimepickercomponent %}#toc-calendartype) Calendar only.
15666
+ * Applies to the [`classic`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datetimepickercomponent#calendartype) Calendar only.
15717
15667
  *
15718
15668
  * The feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
15719
15669
  *
@@ -15722,7 +15672,7 @@ class DateTimePickerComponent extends MultiTabStop {
15722
15672
  animateCalendarNavigation = false;
15723
15673
  /**
15724
15674
  * Determines whether to display a week number column in the `month` view of the popup Calendar
15725
- * ([see example]({% slug datetimepicker_calendar_options %}#toc-week-number-column)).
15675
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/calendar-options#week-number-column)).
15726
15676
  * @default false
15727
15677
  */
15728
15678
  weekNumber = false;
@@ -15731,7 +15681,7 @@ class DateTimePickerComponent extends MultiTabStop {
15731
15681
  * The Calendar will not display dates before this value.
15732
15682
  * If the `min` value of the Calendar is selected, the TimePicker will not display
15733
15683
  * time entries before the specified time portion of this value
15734
- * ([see example]({% slug dateranges_datetimepicker %})).
15684
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits)).
15735
15685
  */
15736
15686
  set min(value) {
15737
15687
  this._min = cloneDate(value);
@@ -15745,7 +15695,7 @@ class DateTimePickerComponent extends MultiTabStop {
15745
15695
  * The Calendar will not display dates after this value.
15746
15696
  * If the `max` value of the Calendar is selected, the TimePicker will not display
15747
15697
  * time entries after the specified time portion of this value
15748
- * ([see example]({% slug dateranges_datetimepicker %})).
15698
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits)).
15749
15699
  */
15750
15700
  set max(value) {
15751
15701
  this._max = cloneDate(value);
@@ -15756,14 +15706,14 @@ class DateTimePickerComponent extends MultiTabStop {
15756
15706
  }
15757
15707
  /**
15758
15708
  * Determines whether the built-in `min` or `max` validators are enforced when validating a form
15759
- * ([see example](slug:dateranges_datetimepicker)).
15709
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits)).
15760
15710
  *
15761
15711
  * @default true
15762
15712
  */
15763
15713
  rangeValidation = true;
15764
15714
  /**
15765
15715
  * Determines whether the built-in validator for disabled date ranges is enforced when validating a form
15766
- * ([see example](slug:disabled_dates_datetimepicker)).
15716
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/disabled-dates)).
15767
15717
  * @default true
15768
15718
  */
15769
15719
  disabledDatesValidation = true;
@@ -15823,29 +15773,29 @@ class DateTimePickerComponent extends MultiTabStop {
15823
15773
  inputAttributes;
15824
15774
  /**
15825
15775
  * Fires each time the user selects a new value
15826
- * ([see example](slug:events_datetimepicker)).
15776
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/events)).
15827
15777
  */
15828
15778
  valueChange = new EventEmitter();
15829
15779
  /**
15830
15780
  * Fires each time the popup is about to open
15831
- * ([see example](slug:events_datetimepicker)).
15781
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/events)).
15832
15782
  * This event is preventable. If you cancel the event by setting `event.preventDefault()`, the popup will remain closed.
15833
15783
  */
15834
15784
  open = new EventEmitter();
15835
15785
  /**
15836
15786
  * Fires each time the popup is about to close
15837
- * ([see example](slug:events_datetimepicker)).
15787
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/events)).
15838
15788
  * This event is preventable. If you cancel the event by setting `event.preventDefault()`, the popup will remain open.
15839
15789
  */
15840
15790
  close = new EventEmitter();
15841
15791
  /**
15842
15792
  * Fires each time the user focuses the component
15843
- * ([see example](slug:events_datetimepicker)).
15793
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/events)).
15844
15794
  */
15845
15795
  onFocus = new EventEmitter();
15846
15796
  /**
15847
15797
  * Fires each time the user blurs the component
15848
- * ([see example](slug:events_datetimepicker)).
15798
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/events)).
15849
15799
  */
15850
15800
  onBlur = new EventEmitter();
15851
15801
  /**
@@ -15875,7 +15825,7 @@ class DateTimePickerComponent extends MultiTabStop {
15875
15825
  }
15876
15826
  /**
15877
15827
  * Specifies the active tab when opening the popup
15878
- * ([see example]({% slug datetimepicker_popup_options %}#toc-setting-the-default-tab)).
15828
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/popup-options#setting-the-default-tab)).
15879
15829
  */
15880
15830
  set defaultTab(tab) {
15881
15831
  this._defaultTab = tab || DEFAULT_ACTIVE_TAB;
@@ -15885,52 +15835,46 @@ class DateTimePickerComponent extends MultiTabStop {
15885
15835
  return this._defaultTab;
15886
15836
  }
15887
15837
  /**
15888
- * Specifies the size of the component.
15889
- *
15838
+ * Specifies the size of the component. The default value is set by the Kendo theme.
15890
15839
  */
15891
15840
  set size(size) {
15892
15841
  this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
15893
15842
  this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
15894
- const newSize = size || DEFAULT_SIZE;
15895
- if (newSize !== 'none') {
15896
- this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
15897
- this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
15843
+ if (size) {
15844
+ this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
15845
+ this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
15898
15846
  }
15899
- this._size = newSize;
15847
+ this._size = size;
15900
15848
  }
15901
15849
  get size() {
15902
15850
  return this._size;
15903
15851
  }
15904
15852
  /**
15905
- * Specifies the border radius of the component.
15853
+ * Specifies the border radius of the component. The default value is set by the Kendo theme.
15906
15854
  *
15907
15855
  */
15908
15856
  set rounded(rounded) {
15909
15857
  this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
15910
- const newRounded = rounded || DEFAULT_ROUNDED;
15911
- if (newRounded !== 'none') {
15912
- this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
15858
+ if (rounded) {
15859
+ this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
15913
15860
  }
15914
- this._rounded = newRounded;
15861
+ this._rounded = rounded;
15915
15862
  }
15916
15863
  get rounded() {
15917
15864
  return this._rounded;
15918
15865
  }
15919
15866
  /**
15920
- * Specifies the fill mode of the component.
15867
+ * Specifies the fill mode of the component. The default value is set by the Kendo theme.
15921
15868
  *
15922
15869
  */
15923
15870
  set fillMode(fillMode) {
15924
15871
  this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
15925
15872
  this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
15926
- this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
15927
- const newFillMode = fillMode || DEFAULT_FILL_MODE;
15928
- if (newFillMode !== 'none') {
15929
- this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
15930
- this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
15931
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
15873
+ if (fillMode) {
15874
+ this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
15875
+ this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
15932
15876
  }
15933
- this._fillMode = newFillMode;
15877
+ this._fillMode = fillMode;
15934
15878
  }
15935
15879
  get fillMode() {
15936
15880
  return this._fillMode;
@@ -16192,9 +16136,9 @@ class DateTimePickerComponent extends MultiTabStop {
16192
16136
  incompleteValidator = noop$2;
16193
16137
  subscriptions = new Subscription();
16194
16138
  ariaActiveDescendantSubscription;
16195
- _size = DEFAULT_SIZE;
16196
- _rounded = DEFAULT_ROUNDED;
16197
- _fillMode = DEFAULT_FILL_MODE;
16139
+ _size;
16140
+ _rounded;
16141
+ _fillMode;
16198
16142
  constructor(popupService, intl, cdr, pickerService, ngZone, wrapper, localization, disabledDatesService, renderer, injector, adaptiveService) {
16199
16143
  super();
16200
16144
  this.popupService = popupService;
@@ -16894,7 +16838,6 @@ class DateTimePickerComponent extends MultiTabStop {
16894
16838
  if (this.fillMode) {
16895
16839
  this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
16896
16840
  this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
16897
- this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
16898
16841
  }
16899
16842
  }
16900
16843
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1$2.PopupService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService }, { token: DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
@@ -17013,9 +16956,6 @@ class DateTimePickerComponent extends MultiTabStop {
17013
16956
  keydown: handleKeyDown
17014
16957
  }"
17015
16958
  [scope]="this"
17016
- fillMode="none"
17017
- rounded="none"
17018
- size="none"
17019
16959
  (click)="handleDateInputClick()"
17020
16960
  >
17021
16961
  <kendo-dateinput-messages
@@ -17143,10 +17083,7 @@ class DateTimePickerComponent extends MultiTabStop {
17143
17083
  <ng-template #dateTimeTemplate>
17144
17084
  <div
17145
17085
  class="k-datetime-wrap k-{{activeTab}}-tab"
17146
- [ngClass]="{
17147
- 'k-datetime-wrap-md': !isAdaptive,
17148
- 'k-datetime-wrap-lg': isAdaptive
17149
- }"
17086
+ [class.k-datetime-wrap-lg]="isAdaptive"
17150
17087
  [kendoEventsOutsideAngular]="{
17151
17088
  mousedown: preventMouseDown,
17152
17089
  keydown: handleKeyDown
@@ -17160,7 +17097,7 @@ class DateTimePickerComponent extends MultiTabStop {
17160
17097
  }"
17161
17098
  [scope]="this"
17162
17099
  >
17163
- <div class="k-button-group k-button-group-solid k-button-group-stretched" role="group">
17100
+ <div class="k-button-group k-button-group-stretched" role="group">
17164
17101
  <button kendoButton
17165
17102
  type="button"
17166
17103
  class="k-group-start"
@@ -17443,9 +17380,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
17443
17380
  keydown: handleKeyDown
17444
17381
  }"
17445
17382
  [scope]="this"
17446
- fillMode="none"
17447
- rounded="none"
17448
- size="none"
17449
17383
  (click)="handleDateInputClick()"
17450
17384
  >
17451
17385
  <kendo-dateinput-messages
@@ -17573,10 +17507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
17573
17507
  <ng-template #dateTimeTemplate>
17574
17508
  <div
17575
17509
  class="k-datetime-wrap k-{{activeTab}}-tab"
17576
- [ngClass]="{
17577
- 'k-datetime-wrap-md': !isAdaptive,
17578
- 'k-datetime-wrap-lg': isAdaptive
17579
- }"
17510
+ [class.k-datetime-wrap-lg]="isAdaptive"
17580
17511
  [kendoEventsOutsideAngular]="{
17581
17512
  mousedown: preventMouseDown,
17582
17513
  keydown: handleKeyDown
@@ -17590,7 +17521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
17590
17521
  }"
17591
17522
  [scope]="this"
17592
17523
  >
17593
- <div class="k-button-group k-button-group-solid k-button-group-stretched" role="group">
17524
+ <div class="k-button-group k-button-group-stretched" role="group">
17594
17525
  <button kendoButton
17595
17526
  type="button"
17596
17527
  class="k-group-start"
@@ -18183,7 +18114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
18183
18114
  /**
18184
18115
  * Manages the MultiViewCalendar range selection.
18185
18116
  * This directive will be `deprecated` in a future version.
18186
- * Use the MultiViewCalendar [range selection]({% slug selection_multiviewcalendar %}#toc-range-selection) instead.
18117
+ * Use the MultiViewCalendar [range selection](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/selection-modes#range-selection) instead.
18187
18118
  */
18188
18119
  class DateRangeSelectionDirective {
18189
18120
  calendar;
@@ -18193,7 +18124,7 @@ class DateRangeSelectionDirective {
18193
18124
  /**
18194
18125
  * Specifies the auto-correction behavior. If the start date is greater than the end date,
18195
18126
  * the directive corrects the date range to a single date either on input change or on blur
18196
- * ([see example](slug:autocorrect_daterange#toc-calendar-selection-directive)).
18127
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#calendar-selection-directive)).
18197
18128
  *
18198
18129
  * By default, the auto-correction triggers on change.
18199
18130
  * To disable this behavior, set the `autoCorrectOn` property to `none`.
@@ -18244,12 +18175,12 @@ class DateRangeSelectionDirective {
18244
18175
  shouldSetRange = true;
18245
18176
  /**
18246
18177
  * Fires when the active range end changes. For more information, refer to
18247
- * the section on [events](slug:events_multiviewcalendar).
18178
+ * the section on [events](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events).
18248
18179
  */
18249
18180
  activeRangeEndChange = new EventEmitter();
18250
18181
  /**
18251
18182
  * Fires when the selection range changes. For more information, refer to
18252
- * the section on [events](slug:events_multiviewcalendar).
18183
+ * the section on [events](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events).
18253
18184
  */
18254
18185
  selectionRangeChange = new EventEmitter();
18255
18186
  get calendarRange() {
@@ -18509,17 +18440,17 @@ class DateRangePopupComponent {
18509
18440
  showCalendarHeader = true;
18510
18441
  /**
18511
18442
  * Specifies the focused date of the MultiViewCalendar component.
18512
- * Defines which date receives focus when the component loads ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
18443
+ * Defines which date receives focus when the component loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
18513
18444
  *
18514
18445
  * If the MultiViewCalendar is out of the min or max range, it normalizes the defined `focusedDate`.
18515
18446
  */
18516
18447
  focusedDate;
18517
18448
  /**
18518
- * Specifies the dates in the MultiViewCalendar that you want to disable ([see example]({% slug disabled_dates_multiviewcalendar %})).
18449
+ * Specifies the dates in the MultiViewCalendar that you want to disable ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-dates)).
18519
18450
  */
18520
18451
  disabledDates;
18521
18452
  /**
18522
- * Specifies the initial view that the MultiViewCalendar displays when it loads ([see example]({% slug viewoptions_multiviewcalendar %})).
18453
+ * Specifies the initial view that the MultiViewCalendar displays when it loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options)).
18523
18454
  * By default, the active view is `month`.
18524
18455
  *
18525
18456
  * You have to set `activeView` within the `topView`-`bottomView` range.
@@ -18528,25 +18459,25 @@ class DateRangePopupComponent {
18528
18459
  */
18529
18460
  activeView = CalendarViewEnum[CalendarViewEnum.month];
18530
18461
  /**
18531
- * Specifies the lowest view level that users can navigate to ([see example](slug:viewdepth_multiviewcalendar)).
18462
+ * Specifies the lowest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
18532
18463
  *
18533
18464
  * @default 'month'
18534
18465
  */
18535
18466
  bottomView = CalendarViewEnum[CalendarViewEnum.month];
18536
18467
  /**
18537
- * Specifies the highest view level that users can navigate to ([see example](slug:viewdepth_multiviewcalendar)).
18468
+ * Specifies the highest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
18538
18469
  *
18539
18470
  * @default 'century'
18540
18471
  */
18541
18472
  topView = CalendarViewEnum[CalendarViewEnum.century];
18542
18473
  /**
18543
- * Specifies the minimum date that users can select ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
18474
+ * Specifies the minimum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
18544
18475
  *
18545
18476
  * @default '1900-01-01'
18546
18477
  */
18547
18478
  min;
18548
18479
  /**
18549
- * Specifies the maximum date that users can select ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
18480
+ * Specifies the maximum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
18550
18481
  *
18551
18482
  * @default '2099-12-31'
18552
18483
  */
@@ -18565,7 +18496,7 @@ class DateRangePopupComponent {
18565
18496
  */
18566
18497
  animateNavigation = false;
18567
18498
  /**
18568
- * Determines whether the MultiViewCalendar is interactive ([see example]({% slug disabled_multiviewcalendar %})).
18499
+ * Determines whether the MultiViewCalendar is interactive ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-state)).
18569
18500
  * When you set `disabled` to `true`, users cannot interact with the component.
18570
18501
  *
18571
18502
  * @default false
@@ -18578,7 +18509,7 @@ class DateRangePopupComponent {
18578
18509
  */
18579
18510
  views = 2;
18580
18511
  /**
18581
- * Determines whether to display week numbers in the `month` view ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
18512
+ * Determines whether to display week numbers in the `month` view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/week-num-column)).
18582
18513
  *
18583
18514
  * @default false
18584
18515
  */
@@ -18587,7 +18518,7 @@ class DateRangePopupComponent {
18587
18518
  * Controls the popup animations.
18588
18519
  * When you set `animate` to `true`, the popup displays opening and closing animations.
18589
18520
  * For more information about controlling the popup animations,
18590
- * refer to the article on [animations]({% slug animations_popup %}).
18521
+ * refer to the article on [animations](https://www.telerik.com/kendo-angular-ui/components/popup/animations).
18591
18522
  *
18592
18523
  * @default true
18593
18524
  */
@@ -18596,24 +18527,24 @@ class DateRangePopupComponent {
18596
18527
  * Specifies the element that serves as an anchor for the popup.
18597
18528
  * The popup opens next to this element.
18598
18529
  * For more information, refer to the section on
18599
- * [aligning to specific components]({% slug alignmentpositioning_popup %}#toc-aligning-to-components).
18530
+ * [aligning to specific components](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-components).
18600
18531
  */
18601
18532
  anchor;
18602
18533
  /**
18603
18534
  * Specifies the alignment point for the anchor element.
18604
18535
  * For more information, refer to the section on
18605
- * [positioning]({% slug alignmentpositioning_popup %}#toc-positioning).
18536
+ * [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
18606
18537
  */
18607
18538
  anchorAlign;
18608
18539
  /**
18609
- * Determines whether to display a header for each view ([see example]({% slug viewheader_multiviewcalendar %})).
18540
+ * Determines whether to display a header for each view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-header)).
18610
18541
  * For example, displays the month name in the month view.
18611
18542
  *
18612
18543
  * @default false
18613
18544
  */
18614
18545
  showViewHeader = false;
18615
18546
  /**
18616
- * Determines whether to display days from adjacent months in the current month view ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
18547
+ * Determines whether to display days from adjacent months in the current month view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options#displaying-other-month-days)).
18617
18548
  *
18618
18549
  * @default false
18619
18550
  */
@@ -18628,7 +18559,7 @@ class DateRangePopupComponent {
18628
18559
  /**
18629
18560
  * Configures how the popup behaves when it encounters viewport boundaries.
18630
18561
  * For more information, refer to the article on
18631
- * [viewport boundary detection]({% slug viewportboundarydetection_popup %}).
18562
+ * [viewport boundary detection](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection).
18632
18563
  *
18633
18564
  * @default { horizontal: 'fit', vertical: 'flip' }
18634
18565
  */
@@ -18636,7 +18567,7 @@ class DateRangePopupComponent {
18636
18567
  /**
18637
18568
  * Specifies the alignment point for the popup element.
18638
18569
  * For more information, refer to the section on
18639
- * [positioning]({% slug alignmentpositioning_popup %}#toc-positioning).
18570
+ * [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
18640
18571
  */
18641
18572
  popupAlign;
18642
18573
  /**
@@ -18653,14 +18584,14 @@ class DateRangePopupComponent {
18653
18584
  adaptiveMode = 'none';
18654
18585
  /**
18655
18586
  * Specifies the title text for the input element and the header of the action sheet.
18656
- * Applies only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
18587
+ * Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
18657
18588
  *
18658
18589
  * @default ""
18659
18590
  */
18660
18591
  adaptiveTitle = "";
18661
18592
  /**
18662
18593
  * Specifies the subtitle text displayed in the header of the action sheet.
18663
- * Applies only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
18594
+ * Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
18664
18595
  *
18665
18596
  * @default ""
18666
18597
  */
@@ -18670,29 +18601,29 @@ class DateRangePopupComponent {
18670
18601
  *
18671
18602
  * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
18672
18603
  * Sets the size of the component.
18673
- * @default 'medium'
18604
+ * @default undefined
18674
18605
  */
18675
18606
  size;
18676
18607
  /**
18677
- * Fires when the popup is about to open ([see example](slug:popup_daterange#toc-events)).
18608
+ * Fires when the popup is about to open ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
18678
18609
  * You can prevent this event to keep the popup closed.
18679
18610
  */
18680
18611
  open = new EventEmitter();
18681
18612
  /**
18682
- * Fires when the popup is about to close ([see example](slug:popup_daterange#toc-events)).
18613
+ * Fires when the popup is about to close ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
18683
18614
  * You can prevent this event to keep the popup open.
18684
18615
  */
18685
18616
  close = new EventEmitter();
18686
18617
  /**
18687
- * Fires when the calendar element loses focus ([see example](slug:popup_daterange#toc-events)).
18618
+ * Fires when the calendar element loses focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
18688
18619
  */
18689
18620
  onBlur = new EventEmitter();
18690
18621
  /**
18691
- * Fires when the calendar element receives focus ([see example](slug:popup_daterange#toc-events)).
18622
+ * Fires when the calendar element receives focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
18692
18623
  */
18693
18624
  onFocus = new EventEmitter();
18694
18625
  /**
18695
- * Fires when the popup closes due to an `ESC` keypress or when it leaves the viewport ([see example](slug:popup_daterange#toc-events)).
18626
+ * Fires when the popup closes due to an `ESC` keypress or when it leaves the viewport ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
18696
18627
  */
18697
18628
  cancel = new EventEmitter();
18698
18629
  /**
@@ -19088,16 +19019,16 @@ class DateRangePopupComponent {
19088
19019
  <ng-container kendoDateRangePopupLocalizedMessages
19089
19020
  i18n-accept="kendo.daterangepopup.accept|The Accept button text in the timepicker component"
19090
19021
  accept="Set"
19091
-
19022
+
19092
19023
  i18n-acceptLabel="kendo.daterangepopup.acceptLabel|The label for the Accept button in the timepicker component"
19093
19024
  acceptLabel="Set time"
19094
-
19025
+
19095
19026
  i18n-cancel="kendo.daterangepopup.cancel|The Cancel button text in the timepicker component"
19096
19027
  cancel="Cancel"
19097
-
19028
+
19098
19029
  i18n-cancelLabel="kendo.daterangepopup.cancelLabel|The label for the Cancel button in the timepicker component"
19099
19030
  cancelLabel="Cancel changes"
19100
-
19031
+
19101
19032
  i18n-adaptiveCloseButtonTitle="kendo.daterangepopup.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
19102
19033
  adaptiveCloseButtonTitle="Close"
19103
19034
  >
@@ -19130,7 +19061,7 @@ class DateRangePopupComponent {
19130
19061
  (rangeSelectionChange)="onRangeSelectionChange($event)"
19131
19062
  ></kendo-multiviewcalendar>
19132
19063
  </ng-template>
19133
-
19064
+
19134
19065
  <kendo-actionsheet
19135
19066
  #actionSheet
19136
19067
  (overlayClick)="show=false"
@@ -19217,7 +19148,7 @@ class DateRangePopupComponent {
19217
19148
  >
19218
19149
  {{localization.get('cancel')}}
19219
19150
  </button>
19220
-
19151
+
19221
19152
  <button kendoButton
19222
19153
  class="k-time-accept"
19223
19154
  type="button"
@@ -19250,16 +19181,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19250
19181
  <ng-container kendoDateRangePopupLocalizedMessages
19251
19182
  i18n-accept="kendo.daterangepopup.accept|The Accept button text in the timepicker component"
19252
19183
  accept="Set"
19253
-
19184
+
19254
19185
  i18n-acceptLabel="kendo.daterangepopup.acceptLabel|The label for the Accept button in the timepicker component"
19255
19186
  acceptLabel="Set time"
19256
-
19187
+
19257
19188
  i18n-cancel="kendo.daterangepopup.cancel|The Cancel button text in the timepicker component"
19258
19189
  cancel="Cancel"
19259
-
19190
+
19260
19191
  i18n-cancelLabel="kendo.daterangepopup.cancelLabel|The label for the Cancel button in the timepicker component"
19261
19192
  cancelLabel="Cancel changes"
19262
-
19193
+
19263
19194
  i18n-adaptiveCloseButtonTitle="kendo.daterangepopup.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
19264
19195
  adaptiveCloseButtonTitle="Close"
19265
19196
  >
@@ -19292,7 +19223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19292
19223
  (rangeSelectionChange)="onRangeSelectionChange($event)"
19293
19224
  ></kendo-multiviewcalendar>
19294
19225
  </ng-template>
19295
-
19226
+
19296
19227
  <kendo-actionsheet
19297
19228
  #actionSheet
19298
19229
  (overlayClick)="show=false"
@@ -19379,7 +19310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19379
19310
  >
19380
19311
  {{localization.get('cancel')}}
19381
19312
  </button>
19382
-
19313
+
19383
19314
  <button kendoButton
19384
19315
  class="k-time-accept"
19385
19316
  type="button"
@@ -19520,7 +19451,7 @@ class DateRangeComponent {
19520
19451
  * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
19521
19452
  * Sets the size of the component.
19522
19453
  *
19523
- * @default 'medium'
19454
+ * @default undefined
19524
19455
  */
19525
19456
  size;
19526
19457
  /**
@@ -19749,7 +19680,7 @@ class DateRangeEndInputDirective extends DateRangeInput {
19749
19680
  rangeService;
19750
19681
  dateInput;
19751
19682
  /**
19752
- * Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](slug:autocorrect_daterange#toc-input-directives)).
19683
+ * Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#input-directives)).
19753
19684
  *
19754
19685
  * By default, the component does not perform any auto-correction.
19755
19686
  *
@@ -19842,7 +19773,7 @@ class DateRangeStartInputDirective extends DateRangeInput {
19842
19773
  renderer;
19843
19774
  /**
19844
19775
  * Specifies when the component automatically corrects invalid date ranges.
19845
- * When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur ([see example](slug:autocorrect_daterange#toc-input-directives)).
19776
+ * When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#input-directives)).
19846
19777
  *
19847
19778
  * By default, the component does not perform any auto-correction.
19848
19779
  *
@@ -19907,7 +19838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19907
19838
  }] } });
19908
19839
 
19909
19840
  /**
19910
- * Allows you to override the default localization messages of the DatePicker component ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
19841
+ * Allows you to override the default localization messages of the DatePicker component ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
19911
19842
  *
19912
19843
  * @example
19913
19844
  * ```html
@@ -19952,7 +19883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19952
19883
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
19953
19884
 
19954
19885
  /**
19955
- * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
19886
+ * Custom component messages override default component messages ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
19956
19887
  */
19957
19888
  class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
19958
19889
  service;
@@ -19987,7 +19918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
19987
19918
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
19988
19919
 
19989
19920
  /**
19990
- * Allows you to override the default messages of the DateTimePicker component ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
19921
+ * Allows you to override the default messages of the DateTimePicker component ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
19991
19922
  *
19992
19923
  * @example
19993
19924
  * ```html
@@ -20031,7 +19962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
20031
19962
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
20032
19963
 
20033
19964
  /**
20034
- * Represents the Kendo UI TimePicker custom messages component for Angular. Allows you to override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
19965
+ * Represents the Kendo UI TimePicker custom messages component for Angular. Allows you to override default component messages ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
20035
19966
  *
20036
19967
  * @example
20037
19968
  * ```html