@syncfusion/ej2-angular-calendars 20.4.52 → 20.4.54-ngcc

package/schematics/utils/lib-details.ts

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

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

@@ -898,7 +898,7 @@ ejs-calendar {
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
@@ -1051,7 +1051,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,
@@ -1234,7 +1234,7 @@ ejs-calendar {
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -2141,7 +2141,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap.css

@@ -899,7 +899,7 @@ ejs-calendar {
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
@@ -1053,7 +1053,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,
@@ -1237,7 +1237,7 @@ ejs-calendar {
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -2144,7 +2144,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap4.css

@@ -2175,7 +2175,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap5-dark.css

@@ -1108,7 +1108,7 @@ ejs-calendar {
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -1128,7 +1128,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/bootstrap5.css

@@ -1108,7 +1108,7 @@ ejs-calendar {
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -1128,7 +1128,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

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.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.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.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.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.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.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.css

@@ -20,7 +20,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

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.css

@@ -21,7 +21,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

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.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

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';

package/styles/datepicker/bootstrap5.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/datepicker/bootstrap5.scss

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

package/styles/datepicker/fabric-dark.css

@@ -20,7 +20,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,