@syncfusion/ej2-angular-calendars 20.4.54 → 21.1.35

package/README.md

@@ -1,36 +1,24 @@
-# ej2-angular-calendars
+# Angular Calendars Components
 
-The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events. It also has documentation and support available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.
+The [Angular Calendars](https://www.syncfusion.com/angular-components/angular-calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events.
 
-<p align="center" style="width:400px; margin:0 auto;">
-  <img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
-</p>
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here  (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
+## What's Included in the Angular Calendars Package
 
-To install `Calendar` and its dependent packages, use the following command.
-
-```sh
-npm install @syncfusion/ej2-angular-calendars
-```
+The [Angular Calendars](https://www.syncfusion.com/angular-components/angular-calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) package includes the following list of components.
 
-## Components
+### Angular Calendar
 
-List of components available in the package:
+The [Angular Calendar](https://www.syncfusion.com/angular-components/angular-calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) component is a graphical user interface component that displays a Gregorian or Islamic Calendar and allows selection of a date.
 
-* [Calendar](#calendar)
-* [DatePicker](#datepicker)
-* [TimePicker](#timepicker)
-* [DateTimePicker](#datetimepicker)
-* [DateRangePicker](#daterangepicker)
-
-### Calendar
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/calendar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/calendar/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
+</p>
 
-The `calendar` is a graphical user interface component that displays a Gregorian Calendar and allows selection of a date.
+<p align="center">
+<img alt="Angular Calendar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-calendar.png">
+</p>
 
 #### Key features
 
@@ -44,34 +32,42 @@ The `calendar` is a graphical user interface component that displays a Gregorian
 * [Highlight weekends](https://ej2.syncfusion.com/angular/documentation/calendar/customization#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
 * [Globalization](https://ej2.syncfusion.com/angular/documentation/calendar/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
 
-#### Resources
+### Angular DatePicker
 
-* [Getting started](https://ej2.syncfusion.com/angular/documentation/calendar/getting-started?utm_source=npm&utm_campaign=calendar#getting-started)
-* [API reference](https://ej2.syncfusion.com/angular/documentation/api/calendar?utm_source=npm&utm_campaign=calendar)
-* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
-* [Product page](https://www.syncfusion.com/products/angular-ui-components/calendar)
+The [Angular DatePicker](https://www.syncfusion.com/angular-components/angular-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) component is a graphical user interface component that allows selection or entry of a date value.
 
-### DatePicker
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/datepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
+</p>
 
-The `date picker` is a graphical user interface component that allows selection or entry of a date value.
+<p align="center">
+<img alt="Angular DatePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-datepicker.png">
+</p>
 
 #### Key features
 
-The date picker is inherited from the calendar component. So, all the key features of calendar can be accessed in the date picker component. Additionally, it has some specific features such as `date format` and `strict mode`.
-
-* [Date format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/date-format) - The date picker control’s input value can be custom formatted apart from the default culture’s specific date format.
-* [Strict mode](https://ej2.syncfusion.com/angular/documentation/datepicker/strict-mode?utm_source=npm&utm_campaign=datepicker#strict-mode) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
+* [Placeholders](https://ej2.syncfusion.com/angular/documentation/datepicker/how-to/disable-placeholder-readonly?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) - Placeholder is a hint text that is displayed in the DatePicker; it is used to indicate the format of the date that the user should enter, such as mm/dd/yyyy or dd/mm/yyyy.
+* [Mask date input](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/input-mask) - The mask date input restricts the user from typing unwanted characters in the text input, allowing only eligible date format to be typed.
+* [Disabled date](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/disabled) - To disable a specific date in the picker calendar and restrict it from being set or selected in the DatePicker.
+* [Date format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/date-format) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
+* [Incomplete date validation](https://ej2.syncfusion.com/angular/documentation/datepicker/strict-mode?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
+* [Globalization](https://ej2.syncfusion.com/angular/documentation/datepicker/globalization?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) - Support globalization (also known as internationalization and localization) to allow you to translate the names of months, days, and other text elements in the calendar to any supported language. This can be useful in cases where you want to display the calendar in a language other than the default language.
 
-#### Resources
+### Angular TimePicker
 
-* [Getting started](https://ej2.syncfusion.com/angular/documentation/datepicker/getting-started?utm_source=npm&utm_campaign=datepicker#getting-started)
-* [API reference](https://ej2.syncfusion.com/angular/documentation/api/datepicker?utm_source=npm&utm_campaign=datepicker)
-* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/default)
-* [Product page](https://www.syncfusion.com/products/angular-ui-components/datepicker)
+The [Angular TimePicker](https://www.syncfusion.com/angular-components/angular-timepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) component is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
 
-### TimePicker
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/timepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/timepicker/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-timepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
+</p>
 
-`Time picker` is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
+<p align="center">
+<img alt="Angular TimePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-timepicker.png">
+</p>
 
 #### Key features
 
@@ -82,36 +78,42 @@ The date picker is inherited from the calendar component. So, all the key featur
 * [Time intervals](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) -  Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
 * [Customization](https://ej2.syncfusion.com/angular/documentation/timepicker/how-to/css-customization#css-customization) - The appearance of the time picker can be customized completely.
 * [Time list with duration](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the control’s popup list items with time duration.
+* [Mask time input](https://ej2.syncfusion.com/angular/demos/#/material/timepicker/input-mask) - The mask time input restricts the user from typing unwanted characters in the text input, allowing only eligible time format to be typed.
 * [Globalization](https://ej2.syncfusion.com/angular/documentation/timepicker/globalization#globalization) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
 
-#### Resources
+### Angular DateTimePicker
 
-* [Getting started](https://ej2.syncfusion.com/angular/documentation/timepicker/getting-started?utm_source=npm&utm_campaign=timepicker#getting-started)
-* [API reference](https://ej2.syncfusion.com/angular/documentation/api/timepicker?utm_source=npm&utm_campaign=timepicker)
-* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
-* [Product page](https://www.syncfusion.com/products/angular-ui-components/timepicker)
+The [Angular DateTimePicker](https://www.syncfusion.com/angular-components/angular-datetime-picker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) component is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
 
-### DateTimePicker
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/datetimepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datetimepicker/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-datetime-picker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
+</p>
 
-The `date time picker` is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
+<p align="center">
+<img alt="Angular DateTimePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-datetimepicker.png">
+</p>
 
 #### Key features
 
-The date time picker is inherited from the date picker and time picker component. So, all the key features of the date picker and time picker component can be accessed in the date time picker component. Additionally, it has some specific features such as `Date time range` and `Date time format`, which are described below.
-
 * [Date time range](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
 * [Date time format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
+* [Mask date time input](https://ej2.syncfusion.com/angular/demos/#/material/datetimepicker/input-mask) - The mask date time input restricts the user from typing unwanted characters in the text input, allowing only eligible date and time format to be typed.
 
-#### Resources
+### Angular DateRangePicker
 
-* [Getting started](https://ej2.syncfusion.com/angular/documentation/datetimepicker/getting-started?utm_source=npm&utm_campaign=datetimepicker#getting-started)
-* [API reference](https://ej2.syncfusion.com/angular/documentation/api/datetimepicker?utm_source=npm&utm_campaign=datetimepicker)
-* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
-* [Product page](https://www.syncfusion.com/products/angular-ui-components/datetimepicker)
+The [Angular DateRangePicker](https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) component is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
 
-### DateRangePicker
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/daterangepicker/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
+</p>
 
-The `date range picker` is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
+<p align="center">
+<img alt="Angular DateRangePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-daterangepicker.png">
+</p>
 
 #### Key features
 
@@ -124,45 +126,54 @@ The `date range picker` is a graphical user interface control that allows an end
 * [Format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
 * [Globalization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
 
-#### Resources
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com/">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
+  </a>
+</p>
 
-* [Getting started](https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started?utm_source=npm&utm_campaign=daterangepicker#getting-started)
-* [API reference](https://ej2.syncfusion.com/angular/documentation/api/daterangepicker?utm_source=npm&utm_campaign=daterangepicker)
-* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
-* [Product page](https://www.syncfusion.com/products/angular-ui-components/daterangepicker)
+## Setup
 
-## Supported Frameworks
+To install `calendars` and its dependent packages, use the following command.
 
-Date time components are also offered in the following list of frameworks.
+```sh
+npm install @syncfusion/ej2-angular-calendars
+```
 
-* [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars)
-* [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars)
-* [ASP.NET Core](https://www.syncfusion.com/products/aspnet-core-ui-controls/calendar)
-* [ASP.NET MVC](https://www.syncfusion.com/products/aspnet-mvc-ui-controls/calendar)
-* [JavaScript](https://www.syncfusion.com/products/javascript-ui-controls/calendar)
+## Supported frameworks
 
-## Showcase samples
+Calendar components are also offered in the following list of frameworks.
 
-1. Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component is used in this showcase sample to depict total expenses.
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
-2. Loan calculator ([Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=datepicker)) - Date picker component in this showcase sample displays the balance from monthly payment.
+## Showcase samples
 
-3. Stock chart ([Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component in this showcase sample to display the stock analysis.
+* Expanse Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_campaign=daterangepicker)
+* Loan calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=datepicker)
+* Stock chart - [Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_campaign=daterangepicker)
 
 ## Support
 
 Product support is available through the following mediums.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=calendar).
-* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
-* Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on.
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm)
+* Live chat
 
-## License
+## Changelog
 
-Check the license details [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license).
+Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/calendars/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
 
-## Changelog
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
-Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/calendars/CHANGELOG.md).
+See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license) for more info.
 
 © Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-calendars@*",
-  "_id": "@syncfusion/ej2-angular-calendars@20.4.51",
+  "_id": "@syncfusion/ej2-angular-calendars@18.30.15",
   "_inBundle": false,
-  "_integrity": "sha512-as7M0BVpVWqy4QgxpUysh1V1OyVrqPLf3Cewgspt/RdIqZr0nATWp94IxEUVZjUZQ2W5nMGGXSPVsvF0x/4Qbg==",
+  "_integrity": "sha512-ajyjRI/PEzWWBeWJPRNd4I4RW1S9cqrwynXY4Kn3yaKiqjvaFpbobZBd7IbvUb0PdWlUabm+FCM01d1rJdbjBQ==",
   "_location": "/@syncfusion/ej2-angular-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-calendars/-/ej2-angular-calendars-20.4.51.tgz",
-  "_shasum": "407ac176047a5dd8eecbff222386006064ce15ec",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-calendars/-/ej2-angular-calendars-18.30.15.tgz",
+  "_shasum": "4e426982512fb1e491238ffa70fcbaae7ba4b3a7",
   "_spec": "@syncfusion/ej2-angular-calendars@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.53",
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-calendars": "20.4.54",
+    "@syncfusion/ej2-angular-base": "~21.1.35",
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-calendars": "21.1.35",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-calendars.d.ts",
-  "version": "20.4.54"
+  "version": "21.1.35"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-calendars";
-export declare const pkgVer = "^20.4.51";
+export declare const pkgVer = "^18.30.15";
 export declare const moduleName = "CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule";
-export declare const themeVer = "~20.4.51";
+export declare const themeVer = "~18.30.15";

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.4.54';
+exports.pkgVer = '^21.1.35';
 exports.moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-exports.themeVer = '~20.4.54';
+exports.themeVer = '~21.1.35';

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap-dark.css

@@ -344,7 +344,7 @@ ejs-calendar {
 }
 .e-calendar .e-footer-container,
 .e-bigger.e-small .e-calendar .e-footer-container {
-  background-color: #1a1a1a;
+  background-color: transparent;
   border-top: none;
   cursor: default;
   display: inline-block;
@@ -509,10 +509,11 @@ ejs-calendar {
 .e-small .e-calendar .e-header {
   height: 32px;
 }
-.e-small.e-calendar .e-header span,
-.e-small .e-calendar .e-header span {
+.e-small.e-calendar .e-header button span,
+.e-small .e-calendar .e-header button span {
   font-size: 12px;
   padding: 6px;
+  line-height: 14px;
 }
 .e-small.e-calendar .e-header .e-title,
 .e-small .e-calendar .e-header .e-title {
@@ -898,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,
@@ -1051,7 +1052,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 +1235,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;
 }
@@ -1326,8 +1327,8 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
   direction: ltr;
   font-size: 13px;
-  height: 14px;
-  margin: 0 0 13px 0;
+  height: 20px;
+  margin: 0;
   text-align: center;
   -webkit-user-select: none;
       -ms-user-select: none;
@@ -1345,7 +1346,7 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-separator,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
   height: 1px;
-  margin: 0 16px;
+  margin: 0;
 }
 .e-daterangepicker.e-popup .e-calendar,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -1761,7 +1762,7 @@ ejs-calendar {
 
 .e-small .e-daterangepicker.e-popup .e-range-header,
 *.e-small.e-daterangepicker.e-popup .e-range-header {
-  margin: 10px 10px 0 10px;
+  margin: 0;
 }
 .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
 *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
@@ -1779,7 +1780,7 @@ ejs-calendar {
 .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
 *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
   font-size: 12px;
-  margin: 0 0 10px 0;
+  margin: 0;
 }
 .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
 *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
@@ -2141,7 +2142,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

@@ -510,10 +510,11 @@ ejs-calendar {
 .e-small .e-calendar .e-header {
   height: 32px;
 }
-.e-small.e-calendar .e-header span,
-.e-small .e-calendar .e-header span {
+.e-small.e-calendar .e-header button span,
+.e-small .e-calendar .e-header button span {
   font-size: 12px;
   padding: 6px;
+  line-height: 14px;
 }
 .e-small.e-calendar .e-header .e-title,
 .e-small .e-calendar .e-header .e-title {
@@ -899,7 +900,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 +1054,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 +1238,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;
 }
@@ -1348,7 +1349,7 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-separator,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
   height: 1px;
-  margin: 0 16px;
+  margin: 0;
 }
 .e-daterangepicker.e-popup .e-calendar,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -1553,6 +1554,11 @@ ejs-calendar {
   max-width: 262px;
 }
 
+.e-bigger .e-daterangepicker.e-popup,
+*.e-bigger.e-daterangepicker.e-popup,
+*.e-device.e-daterangepicker.e-popup {
+  background-color: #fff;
+}
 .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
 *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
 *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
@@ -2144,7 +2150,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

@@ -510,10 +510,11 @@ ejs-calendar {
 .e-small .e-calendar .e-header {
   height: 32px;
 }
-.e-small.e-calendar .e-header span,
-.e-small .e-calendar .e-header span {
+.e-small.e-calendar .e-header button span,
+.e-small .e-calendar .e-header button span {
   font-size: 12px;
   padding: 6px;
+  line-height: 14px;
 }
 .e-small.e-calendar .e-header .e-title,
 .e-small .e-calendar .e-header .e-title {
@@ -1781,13 +1782,14 @@ ejs-calendar {
 .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
 *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
 *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
-  margin: 16px 16px 0 16px;
-  padding: 0;
+  margin: 0;
+  padding: 16px;
 }
 .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
 *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
 *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
   margin: 10px 0;
+  margin-bottom: 0;
 }
 
 .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -2175,7 +2177,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 {