igniteui-angular 17.1.9 → 17.1.10

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/package.json

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