@progress/kendo-angular-dateinputs 22.1.0-develop.18 → 22.1.0-develop.19

package/calendar/calendar.component.d.ts

@@ -427,10 +427,10 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size: DateInputSize);
     get size(): DateInputSize;

package/calendar/multiview-calendar.component.d.ts

@@ -76,10 +76,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size: DateInputSize);
     get size(): DateInputSize;

package/common/models/fillmode.d.ts

@@ -9,6 +9,5 @@
  * - `solid` (Default)
  * - `flat`
  * - `outline`
- * - `none`
  */
-export type DateInputFillMode = 'solid' | 'flat' | 'outline' | 'none';
+export type DateInputFillMode = 'solid' | 'flat' | 'outline';

package/common/models/size.d.ts

@@ -9,6 +9,5 @@
  * - `small`
  * - `medium` (Default)
  * - `large`
- * - `none`
  */
-export type DateInputSize = 'small' | 'medium' | 'large' | 'none';
+export type DateInputSize = 'small' | 'medium' | 'large';

package/dateinput/dateinput.component.d.ts

@@ -258,7 +258,7 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
     /**
      * Specifies the size of the component.
      *
-     * @default medium
+     * @default undefined
      *
      */
     set size(size: DateInputSize);
@@ -271,7 +271,7 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
     get rounded(): DateInputRounded;
     /**
      * Specifies the fillMode of the component.
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: DateInputFillMode);
     get fillMode(): DateInputFillMode;

package/datepicker/datepicker.component.d.ts

@@ -398,19 +398,20 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
     weekNumber: boolean;
     /**
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: DateInputSize);
     get size(): DateInputSize;
     /**
      * Specifies the border radius of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set rounded(rounded: DateInputRounded);
     get rounded(): DateInputRounded;
     /**
      * Specifies the fillMode of the component.
-     * @default 'solid'
+     *
+     * @default undefined
      */
     set fillMode(fillMode: DateInputFillMode);
     get fillMode(): DateInputFillMode;

package/daterange/date-range-popup.component.d.ts

@@ -222,7 +222,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      *
      * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     size: DateInputSize;
     /**

package/daterange/date-range.component.d.ts

@@ -36,7 +36,7 @@ export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
      * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size: DateInputSize;
     /**

package/datetimepicker/datetimepicker.component.d.ts

@@ -395,6 +395,7 @@ export declare class DateTimePickerComponent extends MultiTabStop implements OnI
     /**
      * Specifies the size of the component.
      *
+     * @default undefined
      */
     set size(size: DateInputSize);
     get size(): DateInputSize;

package/fesm2022/progress-kendo-angular-dateinputs.mjs

@@ -37,7 +37,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.18',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -522,7 +522,8 @@ const getRoundedClass = (rounded) => {
         'small': 'k-rounded-sm',
         'medium': 'k-rounded-md',
         'large': 'k-rounded-lg',
-        'full': 'k-rounded-full'
+        'full': 'k-rounded-full',
+        'none': 'k-rounded-none'
     };
     return ROUNDED_CLASSES[rounded];
 };
@@ -538,18 +539,6 @@ const getFillModeClass = (component, fillMode) => {
     };
     return FILLMODE_CLASSES[fillMode];
 };
-/**
- * @hidden
- */
-const DEFAULT_ROUNDED = 'medium';
-/**
- * @hidden
- */
-const DEFAULT_SIZE = 'medium';
-/**
- * @hidden
- */
-const DEFAULT_FILL_MODE = 'solid';
 
 const EMPTY_DATA$3 = [[]];
 const CELLS_LENGTH$3 = 4;
@@ -3718,23 +3707,22 @@ class MultiViewCalendarComponent {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.element.nativeElement, getSizeClass('calendar', this.size));
-        if (newSize !== 'none') {
-            this.renderer.addClass(this.element.nativeElement, getSizeClass('calendar', newSize));
+        if (size) {
+            this.renderer.addClass(this.element.nativeElement, getSizeClass('calendar', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
-    _size = DEFAULT_SIZE;
+    _size;
     /**
      * @hidden
      */
@@ -4684,7 +4672,9 @@ class MultiViewCalendarComponent {
     }
     setClasses(element) {
         this.renderer.addClass(element, 'k-calendar');
-        this.renderer.addClass(element, getSizeClass('calendar', this.size));
+        if (this.size) {
+            this.renderer.addClass(element, getSizeClass('calendar', this.size));
+        }
         if (this.views >= 2) {
             this.renderer.addClass(element, 'k-calendar-range');
         }
@@ -5192,10 +5182,10 @@ const tbody = domContainerFactory('tbody');
 const thead = domContainerFactory('thead');
 const table = domContainerFactory('table');
 const monthHeader = () => (div$1(`
-            <span class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title">March 2017</span>
+            <span class="k-button k-button-flat k-calendar-title">March 2017</span>
             <span class="k-spacer"></span>
             <span class="k-calendar-nav">
-                <button class="k-calendar-nav-today k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">TODAY</button>
+                <button class="k-calendar-nav-today k-button k-button-flat k-button-flat-base">TODAY</button>
             </span>
         `, 'k-calendar-header'));
 const monthWeekHeader = () => (table([
@@ -7307,10 +7297,10 @@ class CalendarComponent {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size) {
         this._size = size;
@@ -7318,7 +7308,7 @@ class CalendarComponent {
     get size() {
         return this._size;
     }
-    _size = DEFAULT_SIZE;
+    _size = undefined;
     /**
      * Specifies which end of the defined selection range should be marked as active.
      * Value will be ignored if the selection range is undefined. If range selection is used then the default value is 'start'.
@@ -7461,7 +7451,7 @@ class CalendarComponent {
     }
     ngAfterViewInit() {
         this.setAriaActivedescendant();
-        if (this.size !== 'none') {
+        if (this.size) {
             const element = this.type === 'infinite' ? this.element : this.multiViewCalendar.element;
             this.renderer.removeClass(element.nativeElement, getSizeClass('calendar', this.size));
             this.renderer.addClass(element.nativeElement, getSizeClass('calendar', this.size));
@@ -8838,16 +8828,15 @@ class DateInputComponent {
     /**
      * Specifies the size of the component.
      *
-     * @default medium
+     * @default undefined
      *
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        const newSize = size || DEFAULT_SIZE;
-        if (newSize !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -8858,30 +8847,28 @@ class DateInputComponent {
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        const newRounded = rounded || DEFAULT_ROUNDED;
-        if (newRounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
      * Specifies the fillMode of the component.
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        const newFillMode = fillMode || DEFAULT_FILL_MODE;
-        if (newFillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
             if (this.spinners && this.spinup && this.spindown) {
-                this.setSpinnerFill(this.spinup.nativeElement, newFillMode, this.fillMode);
-                this.setSpinnerFill(this.spindown.nativeElement, newFillMode, this.fillMode);
+                this.setSpinnerFill(this.spinup.nativeElement, fillMode, this.fillMode);
+                this.setSpinnerFill(this.spindown.nativeElement, fillMode, this.fillMode);
             }
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -9011,9 +8998,9 @@ class DateInputComponent {
     onControlChange = noop$2;
     onControlTouched = noop$2;
     onValidatorChange = noop$2;
-    _size = DEFAULT_SIZE;
-    _rounded = DEFAULT_ROUNDED;
-    _fillMode = DEFAULT_FILL_MODE;
+    _size;
+    _rounded;
+    _fillMode;
     control;
     subs = new Subscription();
     _inputAttributes;
@@ -9375,24 +9362,24 @@ class DateInputComponent {
         }
     }
     setSpinnerFill(spinner, fill, oldFill) {
-        if (oldFill !== 'none') {
+        if (oldFill) {
             this.renderer.removeClass(spinner, `k-button-${oldFill}`);
-            this.renderer.removeClass(spinner, `k-button-${oldFill}-base`);
         }
-        this.renderer.addClass(spinner, `k-button-${fill}`);
-        this.renderer.addClass(spinner, `k-button-${fill}-base`);
+        if (fill) {
+            this.renderer.addClass(spinner, `k-button-${fill}`);
+        }
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
-        if (this.spinners && this.fillMode !== 'none') {
+        if (this.spinners && this.fillMode) {
             this.setSpinnerFill(this.spinup.nativeElement, this.fillMode);
             this.setSpinnerFill(this.spindown.nativeElement, this.fillMode);
         }
@@ -10344,51 +10331,47 @@ class DatePickerComponent extends MultiTabStop {
     weekNumber = false;
     /**
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
-        const newSize = size || DEFAULT_SIZE;
-        if (newSize !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
      * Specifies the border radius of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        const newRounded = rounded || DEFAULT_ROUNDED;
-        if (newRounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
      * Specifies the fillMode of the component.
-     * @default 'solid'
+     *
+     * @default undefined
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
-        if (newFillMode !== 'none') {
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -10521,9 +10504,9 @@ class DatePickerComponent extends MultiTabStop {
     ariaActiveDescendantSubscription;
     control;
     domEvents = [];
-    _size = DEFAULT_SIZE;
-    _rounded = DEFAULT_ROUNDED;
-    _fillMode = DEFAULT_FILL_MODE;
+    _size;
+    _rounded;
+    _fillMode;
     constructor(zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, disabledDatesService, adaptiveService) {
         super();
         this.zone = zone;
@@ -11030,7 +11013,6 @@ class DatePickerComponent extends MultiTabStop {
         if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
             this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
     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 +11079,6 @@ class DatePickerComponent extends MultiTabStop {
           [enableMouseWheel]="enableMouseWheel"
           [allowCaretMode]="allowCaretMode"
           [autoFill]="autoFill"
-          fillMode="none"
-          rounded="none"
-          size="none"
           [inputAttributes]="inputAttributes"
           [value]="value"
           (valueChange)="handleInputChange($event)"
@@ -11310,9 +11289,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [enableMouseWheel]="enableMouseWheel"
           [allowCaretMode]="allowCaretMode"
           [autoFill]="autoFill"
-          fillMode="none"
-          rounded="none"
-          size="none"
           [inputAttributes]="inputAttributes"
           [value]="value"
           (valueChange)="handleInputChange($event)"
@@ -13354,11 +13330,11 @@ class TimeSelectorComponent {
           </span>
           @if (showNowButton) {
             <button
-              #now
-              type="button"
-              class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary k-time-now"
-              [attr.title]="localization.get('nowLabel')"
-              [attr.aria-label]="localization.get('nowLabel')"
+                #now
+                type="button"
+                class="k-button k-button-flat k-button-primary k-time-now"
+                [attr.title]="localization.get('nowLabel')"
+                [attr.aria-label]="localization.get('nowLabel')"
                 [kendoEventsOutsideAngular]="{
                     click: handleNow,
                     focus: handleFocus,
@@ -13413,7 +13389,7 @@ class TimeSelectorComponent {
               <button
                 #accept
                 type="button"
-                class="k-button k-time-accept k-button-md k-rounded-md k-button-solid k-button-solid-primary"
+                class="k-button k-time-accept k-button-primary"
                 [attr.title]="localization.get('acceptLabel')"
                 [attr.aria-label]="localization.get('acceptLabel')"
                 [kendoEventsOutsideAngular]="{
@@ -13429,7 +13405,7 @@ class TimeSelectorComponent {
             @if (cancelButton) {
               <button
                 #cancel
-                class="k-button k-time-cancel k-button-md k-rounded-md k-button-solid k-button-solid-base"
+                class="k-button k-time-cancel"
                 type="button"
                 [attr.title]="localization.get('cancelLabel')"
                 [attr.aria-label]="localization.get('cancelLabel')"
@@ -13487,11 +13463,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           </span>
           @if (showNowButton) {
             <button
-              #now
-              type="button"
-              class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary k-time-now"
-              [attr.title]="localization.get('nowLabel')"
-              [attr.aria-label]="localization.get('nowLabel')"
+                #now
+                type="button"
+                class="k-button k-button-flat k-button-primary k-time-now"
+                [attr.title]="localization.get('nowLabel')"
+                [attr.aria-label]="localization.get('nowLabel')"
                 [kendoEventsOutsideAngular]="{
                     click: handleNow,
                     focus: handleFocus,
@@ -13546,7 +13522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               <button
                 #accept
                 type="button"
-                class="k-button k-time-accept k-button-md k-rounded-md k-button-solid k-button-solid-primary"
+                class="k-button k-time-accept k-button-primary"
                 [attr.title]="localization.get('acceptLabel')"
                 [attr.aria-label]="localization.get('acceptLabel')"
                 [kendoEventsOutsideAngular]="{
@@ -13562,7 +13538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             @if (cancelButton) {
               <button
                 #cancel
-                class="k-button k-time-cancel k-button-md k-rounded-md k-button-solid k-button-solid-base"
+                class="k-button k-time-cancel"
                 type="button"
                 [attr.title]="localization.get('cancelLabel')"
                 [attr.aria-label]="localization.get('cancelLabel')"
@@ -13960,52 +13936,47 @@ class TimePickerComponent extends MultiTabStop {
     }
     /**
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
-        const newSize = size ? size : DEFAULT_SIZE;
-        if (newSize !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
      * Sets the rounded styling of the component.
-     * @default 'medium'
+     * @default undefined
      *
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
-        if (newRounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
      * Sets the fillMode of the component.
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
-        if (newFillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
+            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -14149,9 +14120,9 @@ class TimePickerComponent extends MultiTabStop {
     windowBlurSubscription;
     control;
     domEvents = [];
-    _size = DEFAULT_SIZE;
-    _rounded = DEFAULT_ROUNDED;
-    _fillMode = DEFAULT_FILL_MODE;
+    _size;
+    _rounded;
+    _fillMode;
     constructor(bus, zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, intl, adaptiveService) {
         super();
         this.bus = bus;
@@ -14695,7 +14666,6 @@ class TimePickerComponent extends MultiTabStop {
         if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
             this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
     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 +14747,6 @@ class TimePickerComponent extends MultiTabStop {
           [autoSwitchKeys]="autoSwitchKeys"
           [enableMouseWheel]="enableMouseWheel"
           [allowCaretMode]="allowCaretMode"
-          fillMode="none"
-          rounded="none"
-          size="none"
           [steps]="steps"
           [tabindex]="!show ? tabindex : -1"
           [isRequired]="isControlRequired"
@@ -15020,9 +14987,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [autoSwitchKeys]="autoSwitchKeys"
           [enableMouseWheel]="enableMouseWheel"
           [allowCaretMode]="allowCaretMode"
-          fillMode="none"
-          rounded="none"
-          size="none"
           [steps]="steps"
           [tabindex]="!show ? tabindex : -1"
           [isRequired]="isControlRequired"
@@ -15887,16 +15851,16 @@ class DateTimePickerComponent extends MultiTabStop {
     /**
      * Specifies the size of the component.
      *
+     * @default undefined
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
-        const newSize = size || DEFAULT_SIZE;
-        if (newSize !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -15907,11 +15871,10 @@ class DateTimePickerComponent extends MultiTabStop {
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        const newRounded = rounded || DEFAULT_ROUNDED;
-        if (newRounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -15923,14 +15886,11 @@ class DateTimePickerComponent extends MultiTabStop {
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
-        const newFillMode = fillMode || DEFAULT_FILL_MODE;
-        if (newFillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
+            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -16192,9 +16152,9 @@ class DateTimePickerComponent extends MultiTabStop {
     incompleteValidator = noop$2;
     subscriptions = new Subscription();
     ariaActiveDescendantSubscription;
-    _size = DEFAULT_SIZE;
-    _rounded = DEFAULT_ROUNDED;
-    _fillMode = DEFAULT_FILL_MODE;
+    _size;
+    _rounded;
+    _fillMode;
     constructor(popupService, intl, cdr, pickerService, ngZone, wrapper, localization, disabledDatesService, renderer, injector, adaptiveService) {
         super();
         this.popupService = popupService;
@@ -16894,7 +16854,6 @@ class DateTimePickerComponent extends MultiTabStop {
         if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
             this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
     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 +16972,6 @@ class DateTimePickerComponent extends MultiTabStop {
                 keydown: handleKeyDown
             }"
           [scope]="this"
-          fillMode="none"
-          rounded="none"
-          size="none"
           (click)="handleDateInputClick()"
           >
           <kendo-dateinput-messages
@@ -17143,10 +17099,7 @@ class DateTimePickerComponent extends MultiTabStop {
         <ng-template #dateTimeTemplate>
           <div
             class="k-datetime-wrap k-{{activeTab}}-tab"
-                [ngClass]="{
-                    'k-datetime-wrap-md': !isAdaptive,
-                    'k-datetime-wrap-lg': isAdaptive
-                }"
+                [class.k-datetime-wrap-lg]="isAdaptive"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventMouseDown,
                     keydown: handleKeyDown
@@ -17160,7 +17113,7 @@ class DateTimePickerComponent extends MultiTabStop {
                     }"
               [scope]="this"
               >
-              <div class="k-button-group k-button-group-solid k-button-group-stretched" role="group">
+              <div class="k-button-group k-button-group-stretched" role="group">
                 <button kendoButton
                   type="button"
                   class="k-group-start"
@@ -17443,9 +17396,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 keydown: handleKeyDown
             }"
           [scope]="this"
-          fillMode="none"
-          rounded="none"
-          size="none"
           (click)="handleDateInputClick()"
           >
           <kendo-dateinput-messages
@@ -17573,10 +17523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-template #dateTimeTemplate>
           <div
             class="k-datetime-wrap k-{{activeTab}}-tab"
-                [ngClass]="{
-                    'k-datetime-wrap-md': !isAdaptive,
-                    'k-datetime-wrap-lg': isAdaptive
-                }"
+                [class.k-datetime-wrap-lg]="isAdaptive"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventMouseDown,
                     keydown: handleKeyDown
@@ -17590,7 +17537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     }"
               [scope]="this"
               >
-              <div class="k-button-group k-button-group-solid k-button-group-stretched" role="group">
+              <div class="k-button-group k-button-group-stretched" role="group">
                 <button kendoButton
                   type="button"
                   class="k-group-start"
@@ -18670,7 +18617,7 @@ class DateRangePopupComponent {
      *
      * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     size;
     /**
@@ -19520,7 +19467,7 @@ class DateRangeComponent {
      * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size;
     /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770112414,
-  "version": "22.1.0-develop.18",
+  "publishDate": 1770219787,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "22.1.0-develop.18",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -79,7 +79,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770112414,
+      "publishDate": 1770219787,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -90,19 +90,19 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.18",
-    "@progress/kendo-angular-common": "22.1.0-develop.18",
-    "@progress/kendo-angular-utils": "22.1.0-develop.18",
-    "@progress/kendo-angular-intl": "22.1.0-develop.18",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.18",
-    "@progress/kendo-angular-icons": "22.1.0-develop.18",
-    "@progress/kendo-angular-popup": "22.1.0-develop.18",
-    "@progress/kendo-angular-navigation": "22.1.0-develop.18",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.19",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-utils": "22.1.0-develop.19",
+    "@progress/kendo-angular-intl": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-popup": "22.1.0-develop.19",
+    "@progress/kendo-angular-navigation": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.18",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.4.7"

package/timepicker/timepicker.component.d.ts

@@ -231,20 +231,20 @@ export declare class TimePickerComponent extends MultiTabStop implements Control
     get value(): Date | null;
     /**
      * Sets the size of the component.
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: DateInputSize);
     get size(): DateInputSize;
     /**
      * Sets the rounded styling of the component.
-     * @default 'medium'
+     * @default undefined
      *
      */
     set rounded(rounded: DateInputRounded);
     get rounded(): DateInputRounded;
     /**
      * Sets the fillMode of the component.
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: DateInputFillMode);
     get fillMode(): DateInputFillMode;

package/util.d.ts

@@ -185,18 +185,6 @@ export declare const getRoundedClass: (rounded: DateInputRounded) => string;
  * Return the fillMode class based on the component and fillMode input.
  */
 export declare const getFillModeClass: (component: string, fillMode: DateInputFillMode) => string;
-/**
- * @hidden
- */
-export declare const DEFAULT_ROUNDED: DateInputRounded;
-/**
- * @hidden
- */
-export declare const DEFAULT_SIZE: DateInputSize;
-/**
- * @hidden
- */
-export declare const DEFAULT_FILL_MODE: DateInputFillMode;
 /**
  * Specifies the adaptive rendering of the component.
  *