@syncfusion/ej2-angular-calendars 20.3.59 → 20.4.38-ngcc

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-calendars';
-exports.pkgVer = '^20.3.59';
+exports.pkgVer = '^20.4.38';
 exports.moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-exports.themeVer = '~20.3.59';
+exports.themeVer = '~20.4.38';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-calendars';
-export const pkgVer = '^20.3.59';
+export const pkgVer = '^20.4.38';
 export const moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-export const themeVer = '~20.3.59';
+export const themeVer = '~20.4.38';

package/src/calendar/calendar-all.module.d.ts

@@ -1,13 +1,7 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./calendar.module";
 export declare const IslamicService: ValueProvider;
 /**
  * NgModule definition for the Calendar component with providers.
  */
 export declare class CalendarAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarAllModule, never, [typeof i1.CommonModule, typeof i2.CalendarModule], [typeof i2.CalendarModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CalendarAllModule>;
 }

package/src/calendar/calendar.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Calendar } from '@syncfusion/ej2-calendars';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -39,6 +38,4 @@ export declare class CalendarComponent extends Calendar implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ejs-calendar", never, { "calendarMode": "calendarMode"; "cssClass": "cssClass"; "dayHeaderFormat": "dayHeaderFormat"; "depth": "depth"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "firstDayOfWeek": "firstDayOfWeek"; "isMultiSelection": "isMultiSelection"; "keyConfigs": "keyConfigs"; "locale": "locale"; "max": "max"; "min": "min"; "serverTimezoneOffset": "serverTimezoneOffset"; "showTodayButton": "showTodayButton"; "start": "start"; "value": "value"; "values": "values"; "weekNumber": "weekNumber"; "weekRule": "weekRule"; }, { "focus": "focus"; "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "navigated": "navigated"; "renderDayCell": "renderDayCell"; "valueChange": "valueChange"; "valuesChange": "valuesChange"; }, never, never>;
 }

package/src/calendar/calendar.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./calendar.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Calendar component.
  */
 export declare class CalendarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, [typeof i1.CalendarComponent], [typeof i2.CommonModule], [typeof i1.CalendarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CalendarModule>;
 }

package/src/datepicker/datepicker-all.module.d.ts

@@ -1,13 +1,7 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./datepicker.module";
 export declare const MaskedDateTimeService: ValueProvider;
 /**
  * NgModule definition for the DatePicker component with providers.
  */
 export declare class DatePickerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerAllModule, never, [typeof i1.CommonModule, typeof i2.DatePickerModule], [typeof i2.DatePickerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerAllModule>;
 }

package/src/datepicker/datepicker.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DatePicker } from '@syncfusion/ej2-calendars';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -42,6 +41,4 @@ export declare class DatePickerComponent extends DatePicker implements IComponen
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ejs-datepicker", never, { "allowEdit": "allowEdit"; "calendarMode": "calendarMode"; "cssClass": "cssClass"; "dayHeaderFormat": "dayHeaderFormat"; "depth": "depth"; "enableMask": "enableMask"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "firstDayOfWeek": "firstDayOfWeek"; "floatLabelType": "floatLabelType"; "format": "format"; "htmlAttributes": "htmlAttributes"; "isMultiSelection": "isMultiSelection"; "keyConfigs": "keyConfigs"; "locale": "locale"; "maskPlaceholder": "maskPlaceholder"; "max": "max"; "min": "min"; "openOnFocus": "openOnFocus"; "placeholder": "placeholder"; "readonly": "readonly"; "serverTimezoneOffset": "serverTimezoneOffset"; "showClearButton": "showClearButton"; "showTodayButton": "showTodayButton"; "start": "start"; "strictMode": "strictMode"; "value": "value"; "values": "values"; "weekNumber": "weekNumber"; "weekRule": "weekRule"; "width": "width"; "zIndex": "zIndex"; }, { "blur": "blur"; "change": "change"; "cleared": "cleared"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "navigated": "navigated"; "open": "open"; "renderDayCell": "renderDayCell"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/datepicker/datepicker.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./datepicker.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the DatePicker component.
  */
 export declare class DatePickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DatePickerComponent], [typeof i2.CommonModule], [typeof i1.DatePickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
 }

package/src/daterangepicker/daterangepicker-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./daterangepicker.module";
 /**
  * NgModule definition for the DateRangePicker component with providers.
  */
 export declare class DateRangePickerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangePickerAllModule, never, [typeof i1.CommonModule, typeof i2.DateRangePickerModule], [typeof i2.DateRangePickerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DateRangePickerAllModule>;
 }

package/src/daterangepicker/daterangepicker.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DateRangePicker } from '@syncfusion/ej2-calendars';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -54,6 +53,4 @@ export declare class DateRangePickerComponent extends DateRangePicker implements
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "ejs-daterangepicker", never, { "allowEdit": "allowEdit"; "calendarMode": "calendarMode"; "cssClass": "cssClass"; "dayHeaderFormat": "dayHeaderFormat"; "depth": "depth"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "endDate": "endDate"; "firstDayOfWeek": "firstDayOfWeek"; "floatLabelType": "floatLabelType"; "format": "format"; "htmlAttributes": "htmlAttributes"; "keyConfigs": "keyConfigs"; "locale": "locale"; "max": "max"; "maxDays": "maxDays"; "min": "min"; "minDays": "minDays"; "openOnFocus": "openOnFocus"; "placeholder": "placeholder"; "presets": "presets"; "readonly": "readonly"; "separator": "separator"; "serverTimezoneOffset": "serverTimezoneOffset"; "showClearButton": "showClearButton"; "start": "start"; "startDate": "startDate"; "strictMode": "strictMode"; "value": "value"; "weekNumber": "weekNumber"; "weekRule": "weekRule"; "width": "width"; "zIndex": "zIndex"; }, { "blur": "blur"; "change": "change"; "cleared": "cleared"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "navigated": "navigated"; "open": "open"; "renderDayCell": "renderDayCell"; "select": "select"; "startDateChange": "startDateChange"; "endDateChange": "endDateChange"; "valueChange": "valueChange"; }, ["start", "end", "childPresets"], never>;
 }

package/src/daterangepicker/daterangepicker.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./daterangepicker.component";
-import * as i2 from "./presets.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the DateRangePicker component.
  */
 export declare class DateRangePickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangePickerModule, [typeof i1.DateRangePickerComponent, typeof i2.PresetDirective, typeof i2.PresetsDirective], [typeof i3.CommonModule], [typeof i1.DateRangePickerComponent, typeof i2.PresetDirective, typeof i2.PresetsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DateRangePickerModule>;
 }

package/src/daterangepicker/presets.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * 'e-presets' directive represent a presets of angular daterangepicker
  * It must be contained in a daterangepicker component(`ej-daterangepicker`).
@@ -29,8 +28,6 @@ export declare class PresetDirective extends ComplexBase<PresetDirective> {
      */
     start: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PresetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PresetDirective, "e-presets>e-preset", never, { "end": "end"; "label": "label"; "start": "start"; }, {}, never>;
 }
 /**
  * Preset Array Directive
@@ -38,6 +35,4 @@ export declare class PresetDirective extends ComplexBase<PresetDirective> {
  */
 export declare class PresetsDirective extends ArrayBase<PresetsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<PresetsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PresetsDirective, "ejs-daterangepicker>e-presets", never, {}, {}, ["children"]>;
 }

package/src/datetimepicker/datetimepicker-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./datetimepicker.module";
 /**
  * NgModule definition for the DateTimePicker component with providers.
  */
 export declare class DateTimePickerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerAllModule, never, [typeof i1.CommonModule, typeof i2.DateTimePickerModule], [typeof i2.DateTimePickerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DateTimePickerAllModule>;
 }

package/src/datetimepicker/datetimepicker.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -42,6 +41,4 @@ export declare class DateTimePickerComponent extends DateTimePicker implements I
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "ejs-datetimepicker", never, { "allowEdit": "allowEdit"; "calendarMode": "calendarMode"; "cssClass": "cssClass"; "dayHeaderFormat": "dayHeaderFormat"; "depth": "depth"; "enableMask": "enableMask"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "firstDayOfWeek": "firstDayOfWeek"; "floatLabelType": "floatLabelType"; "format": "format"; "htmlAttributes": "htmlAttributes"; "isMultiSelection": "isMultiSelection"; "keyConfigs": "keyConfigs"; "locale": "locale"; "maskPlaceholder": "maskPlaceholder"; "max": "max"; "min": "min"; "openOnFocus": "openOnFocus"; "placeholder": "placeholder"; "readonly": "readonly"; "scrollTo": "scrollTo"; "serverTimezoneOffset": "serverTimezoneOffset"; "showClearButton": "showClearButton"; "showTodayButton": "showTodayButton"; "start": "start"; "step": "step"; "strictMode": "strictMode"; "timeFormat": "timeFormat"; "value": "value"; "values": "values"; "weekNumber": "weekNumber"; "weekRule": "weekRule"; "width": "width"; "zIndex": "zIndex"; }, { "blur": "blur"; "change": "change"; "cleared": "cleared"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "navigated": "navigated"; "open": "open"; "renderDayCell": "renderDayCell"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/datetimepicker/datetimepicker.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./datetimepicker.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the DateTimePicker component.
  */
 export declare class DateTimePickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerModule, [typeof i1.DateTimePickerComponent], [typeof i2.CommonModule], [typeof i1.DateTimePickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DateTimePickerModule>;
 }

package/src/timepicker/timepicker-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./timepicker.module";
 /**
  * NgModule definition for the TimePicker component with providers.
  */
 export declare class TimePickerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerAllModule, never, [typeof i1.CommonModule, typeof i2.TimePickerModule], [typeof i2.TimePickerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerAllModule>;
 }

package/src/timepicker/timepicker.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { TimePicker } from '@syncfusion/ej2-calendars';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -41,6 +40,4 @@ export declare class TimePickerComponent extends TimePicker implements IComponen
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ejs-timepicker", never, { "allowEdit": "allowEdit"; "cssClass": "cssClass"; "enableMask": "enableMask"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "format": "format"; "htmlAttributes": "htmlAttributes"; "keyConfigs": "keyConfigs"; "locale": "locale"; "maskPlaceholder": "maskPlaceholder"; "max": "max"; "min": "min"; "openOnFocus": "openOnFocus"; "placeholder": "placeholder"; "readonly": "readonly"; "scrollTo": "scrollTo"; "showClearButton": "showClearButton"; "step": "step"; "strictMode": "strictMode"; "value": "value"; "width": "width"; "zIndex": "zIndex"; }, { "blur": "blur"; "change": "change"; "cleared": "cleared"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "itemRender": "itemRender"; "open": "open"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/timepicker/timepicker.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./timepicker.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the TimePicker component.
  */
 export declare class TimePickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, [typeof i1.TimePickerComponent], [typeof i2.CommonModule], [typeof i1.TimePickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerModule>;
 }

package/styles/bootstrap-dark.css

@@ -1833,6 +1833,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/bootstrap.css

@@ -1836,6 +1836,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/bootstrap4.css

@@ -1864,6 +1864,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/bootstrap5-dark.css

@@ -686,7 +686,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #31373d;
+  background-color: #444c54;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
@@ -1932,6 +1932,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/bootstrap5.css

@@ -1932,6 +1932,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/calendar/bootstrap-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap-dark.scss';

package/styles/calendar/bootstrap.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap.scss';

package/styles/calendar/bootstrap4.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap4.scss';

package/styles/calendar/bootstrap5-dark.css

@@ -686,7 +686,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #31373d;
+  background-color: #444c54;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,

package/styles/calendar/bootstrap5-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap5-dark.scss';

package/styles/calendar/bootstrap5.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap5.scss';

package/styles/calendar/fabric-dark.css

@@ -649,7 +649,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #514f4f;
+  background-color: #414040;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,

package/styles/calendar/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fabric-dark.scss';

package/styles/calendar/fabric.css

@@ -650,7 +650,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #dadada;
+  background-color: #eaeaea;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,

package/styles/calendar/fabric.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fabric.scss';

package/styles/calendar/fluent-dark.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: transparent;
+  background-color: #252423;
   cursor: default;
   background-color: #201f1e;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: transparent;
+  background-color: #252423;
   border: 1px solid #292827;
   box-shadow: none;
 }
@@ -660,7 +660,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #252423;
+  background-color: #323130;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,

package/styles/calendar/fluent-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fluent-dark.scss';

package/styles/calendar/fluent.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: transparent;
+  background-color: #fff;
   cursor: default;
   background-color: #faf9f8;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: transparent;
+  background-color: #fff;
   border: 1px solid #edebe9;
   box-shadow: none;
 }

package/styles/calendar/fluent.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fluent.scss';

package/styles/calendar/highcontrast-light.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast-light.scss';

package/styles/calendar/highcontrast.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast.scss';

package/styles/calendar/material-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/material-dark.scss';

package/styles/calendar/material.css

@@ -306,7 +306,7 @@ ejs-calendar {
 }
 .e-calendar .e-content.e-month td.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 30px;
+  line-height: 28px;
 }
 .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -451,7 +451,7 @@ ejs-calendar {
 }
 .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
 *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 36px;
+  line-height: 34px;
 }
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
@@ -502,7 +502,7 @@ ejs-calendar {
 }
 .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
 .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 24px;
+  line-height: 22px;
 }
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {

package/styles/calendar/material.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/material.scss';

package/styles/calendar/tailwind-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/tailwind-dark.scss';

package/styles/calendar/tailwind.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/tailwind.scss';

package/styles/datepicker/bootstrap-dark.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import '../calendar/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap-dark.scss';

package/styles/datepicker/bootstrap.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import '../calendar/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap.scss';

package/styles/datepicker/bootstrap4.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import '../calendar/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap4.scss';

package/styles/datepicker/bootstrap5-dark.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import '../calendar/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-dark.scss';