igniteui-angular 17.1.9 → 17.1.11

package/lib/calendar/calendar-base.d.ts

@@ -240,7 +240,7 @@ export declare class IgxCalendarBaseDirective implements ControlValueAccessor {
      * a single `Date` object.
      * Otherwise it is an array of `Date` objects.
      */
-    set value(value: Date | Date[]);
+    set value(value: Date | Date[] | string);
     /**
      * Gets the date that is presented.
      * By default it is the current date.
@@ -249,7 +249,7 @@ export declare class IgxCalendarBaseDirective implements ControlValueAccessor {
     /**
      * Sets the date that will be presented in the default view when the component renders.
      */
-    set viewDate(value: Date);
+    set viewDate(value: Date | string);
     /**
      * Gets the disabled dates descriptors.
      */
@@ -319,15 +319,15 @@ export declare class IgxCalendarBaseDirective implements ControlValueAccessor {
      *
      * @hidden
      */
-    isDateDisabled(date: Date): boolean;
+    isDateDisabled(date: Date | string): boolean;
     /**
      * Selects date(s) (based on the selection type).
      */
-    selectDate(value: Date | Date[]): void;
+    selectDate(value: Date | Date[] | string): void;
     /**
      * Deselects date(s) (based on the selection type).
      */
-    deselectDate(value?: Date | Date[]): void;
+    deselectDate(value?: Date | Date[] | string): void;
     /**
      * @hidden
      */

package/lib/calendar/calendar.component.d.ts

@@ -415,7 +415,7 @@ export declare class IgxCalendarComponent extends IgxMonthPickerBaseDirective im
      *  this.calendar.deselectDate(new Date(`2018-06-12`));
      * ````
      */
-    deselectDate(value?: Date | Date[]): void;
+    deselectDate(value?: Date | Date[] | string): void;
     /**
      * @hidden
      * @internal

package/lib/core/styles/components/input/_input-group-component.scss

@@ -112,8 +112,14 @@
             }
         }
 
+        @include m(suffixed) {
+            @extend %suffixed !optional;
+        }
+
         // Textarea modifier
         @include m(textarea-group) {
+            @extend %textarea-group !optional;
+
             @include e(bundle-main) {
                 @extend  %form-group-textarea-group-bundle-main !optional;
             }
@@ -127,6 +133,10 @@
             }
         }
 
+        @include mx(textarea-group, border) {
+            @extend %textarea-group--outlined !optional;
+        }
+
         @include mx(textarea-group, focused) {
             @include e(label) {
                 @extend %textarea-group-label--focused !optional;

package/lib/core/styles/components/input/_input-group-theme.scss

@@ -979,6 +979,26 @@
         will-change: font-size, color, transform;
     }
 
+    @if $variant == 'material' {
+        %textarea-group:not(%suffixed) {
+            %form-group-bundle-main {
+                grid-area: 1 / 2 / span 1 / span 3;
+                padding-inline-end: 0;
+            }
+
+            textarea {
+                padding-inline-end: rem(4px);
+                width: calc(100% - #{rem(1px)});
+            }
+        }
+
+        %textarea-group--outlined:not(%suffixed) {
+            textarea {
+                width: calc(100% - #{rem(2px)});
+            }
+        }
+    }
+
     %form-group-textarea-group-bundle {
         // 3 lines * 22px + 8px bottom padding + 8px top padding
         --textarea-size: #{sizable(
@@ -1191,6 +1211,7 @@
 
         @if $material-theme {
             padding: 0;
+            inset-block-start: rem(-3px);
         }
 
         // resets typography styles
@@ -1668,8 +1689,9 @@
     }
 
     %indigo-textarea {
-        padding-block: rem(8px);
+        padding-block: rem(10px);
         padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
+        inset-block-end: rem(2px);
     }
 
     %fluent-textarea {

package/lib/directives/date-time-editor/date-time-editor.directive.d.ts

@@ -115,8 +115,8 @@ export declare class IgxDateTimeEditorDirective extends IgxMaskDirective impleme
      * <input igxDateTimeEditor [value]="date">
      * ```
      */
-    set value(value: Date | string);
-    get value(): Date | string;
+    set value(value: Date | string | undefined | null);
+    get value(): Date | string | undefined | null;
     /**
      * Delta values used to increment or decrement each editor date part on spin actions.
      * All values default to `1`.
@@ -152,14 +152,13 @@ export declare class IgxDateTimeEditorDirective extends IgxMaskDirective impleme
     private document;
     private _isFocused;
     private _defaultInputFormat;
-    private _value;
+    private _value?;
     private _minValue;
     private _maxValue;
     private _inputDateParts;
     private _datePartDeltas;
-    private onTouchCallback;
     private onChangeCallback;
-    private onValidatorChange;
+    private _onValidatorChange;
     private get datePartDeltas();
     private get emptyMask();
     private get targetDatePart();

package/lib/directives/mask/mask.directive.d.ts

@@ -82,7 +82,7 @@ export declare class IgxMaskDirective implements OnInit, AfterViewChecked, Contr
     private _droppedData;
     private _hasDropAction;
     private readonly defaultMask;
-    private _onTouchedCallback;
+    protected _onTouchedCallback: () => void;
     private _onChangeCallback;
     constructor(elementRef: ElementRef<HTMLInputElement>, maskParser: MaskParsingService, renderer: Renderer2, platform: PlatformUtil);
     /** @hidden */

package/lib/directives/toggle/toggle.directive.d.ts

@@ -29,7 +29,7 @@ export declare class IgxToggleDirective implements IToggleView, OnInit, OnDestro
      * ```html
      * <div
      *   igxToggle
-     *   (onOpened)='onToggleOpened($event)'>
+     *   (opened)='onToggleOpened($event)'>
      * </div>
      * ```
      */
@@ -46,7 +46,7 @@ export declare class IgxToggleDirective implements IToggleView, OnInit, OnDestro
      * ```html
      * <div
      *   igxToggle
-     *   (onOpening)='onToggleOpening($event)'>
+     *   (opening)='onToggleOpening($event)'>
      * </div>
      * ```
      */
@@ -63,7 +63,7 @@ export declare class IgxToggleDirective implements IToggleView, OnInit, OnDestro
      * ```html
      * <div
      *   igxToggle
-     *   (onClosed)='onToggleClosed($event)'>
+     *   (closed)='onToggleClosed($event)'>
      * </div>
      * ```
      */
@@ -97,7 +97,7 @@ export declare class IgxToggleDirective implements IToggleView, OnInit, OnDestro
      * ```html
      * <div
      *   igxToggle
-     *   (onAppended)='onToggleAppended()'>
+     *   (appended)='onToggleAppended()'>
      * </div>
      * ```
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.1.9",
+  "version": "17.1.11",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",