fix(themes): correct theme references and adjust styles for consistency

- Updated `themed-block` calls in date-range-picker themes to use correct theme references (Material and Fluent).
- Set `--aside-padding` for Fluent theme in demos settings.
- Refined styles in `pageHeading` component and updated `igx-input-group` to use `display: block grid`.
- Replaced `--_range-border-style` with `--_preview-border-style` in calendar days view styles.

Author: desig9stein

projects/igniteui-angular/calendar/src/calendar/days-view/themes/_base.scss

@@ -20,7 +20,7 @@ $theme: $material;
         width: calc(50% + #{rem(1px)});
         border-width: var(--_range-border-size);
         border-inline-color: transparent;
-        border-style: var(--_range-border-style);
+        border-style: var(--_preview-border-style);
     }
 }
 

projects/igniteui-angular/date-picker/src/date-range-picker/themes/shared/_fluent.scss

@@ -6,6 +6,6 @@
 
 $_theme: $fluent;
 
-@include themed-block(igx-date-range-picker, bootstrap) {
+@include themed-block(igx-date-range-picker, fluent) {
     --input-group-size: #{map.get($_theme, 'size')};
 }

projects/igniteui-angular/date-picker/src/date-range-picker/themes/shared/_material.scss

@@ -6,6 +6,6 @@
 
 $_theme: $material;
 
-@include themed-block(igx-date-range-picker, bootstrap) {
+@include themed-block(igx-date-range-picker, material) {
     --input-group-size: #{map.get($_theme, 'size')};
 }

src/app/app.component.scss

@@ -32,6 +32,12 @@
             padding-top: 0;
         }
     }
+
+    [data-ig-theme='fluent'] {
+        .demos-settings-nav {
+            --aside-padding: 1rem;
+        }
+    }
 }
 
 .demos-title {

src/app/pageHeading/pageHeading.component.ts

@@ -1,6 +1,7 @@
 import {Component, EventEmitter, inject, input, Output, signal, ViewEncapsulation} from '@angular/core';
 import { AsyncPipe, KeyValuePipe } from '@angular/common';
 import {
+    IgxButtonDirective,
     IgxIconButtonDirective,
     IgxIconComponent,
     IgxRippleDirective,
@@ -33,6 +34,7 @@ export type IgSize = 'small' | 'medium' | 'large';
         AsyncPipe,
         KeyValuePipe,
         FormsModule,
+        IgxButtonDirective,
     ]
 })
 export class PageHeaderComponent {

src/app/pageHeading/pageHeading.styles.scss

@@ -6,7 +6,7 @@
     }
 
     igx-input-group {
-        display: block !important;
+        display: block grid !important;
     }
 }