@syncfusion/ej2-react-inputs 20.4.54 → 21.1.35

package/CHANGELOG.md

@@ -2,49 +2,12 @@
 
 ## [Unreleased]
 
-### Uploader
-
-#### Bug Fixes
-
-- `#F178267` - Fixed issue unable to upload the same file again after using the remove method.
-
-## 20.4.52 (2023-02-28)
-
-### MaskedTextBox
-
-#### Bug Fixes
-
-- `#I435597` - Resolved issue with pasting using keyboard shortcuts not working properly in Safari browser.
-
 ### Signature
 
 #### Bug Fixes
 
 - `#I433821` - Correcting the signature scaling issue while resizing the web browser has been resolved.
 
-## 20.4.48 (2023-02-01)
-
-### Signature
-
-#### Bug Fixes
-
-- `#F179949` - Provide the change event fires support for draw method of signature.
-
-## 20.4.38 (2022-12-21)
-
-### Rating
-
-**Key features**:
-
-
-The Rating component lets the user provide a star rating or view other people’s ratings on a numeric scale for any service provided, such as for movies, applications, or products.
-
-
-- **Precision** - Different precision modes to provide more accurate rating.
-- **Tooltip and Label** - Provide more expressive rating with tooltip and label.
-- **Template** - Support to customize the rating item to heart, svg or any content that precisely match our unique needs.
-- **Accessibility** - The Rating provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
-
 ## 19.4.38 (2021-12-17)
 
 ### Signature
@@ -1249,15 +1212,6 @@ MaskedTextBox allows the user to enter the valid input only based on the provide
 - **Accessibility** - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
 
 
-## 20.4.42 (2023-01-04)
-
-### Uploader
-
-#### Bug Fixes
-
-- `#I424112` - The issue "console error occurring while using the retry method with chunk upload" has been resolved
-- `#I426485` - The issue "multiple classes cannot be added to the uploader component on a dynamic update" has been resolved.
-
 ## 19.1.66 (2021-06-01)
 
 ### NumericTextBox

package/README.md

@@ -1,143 +1,215 @@
-# ej2-react-inputs
+# React Inputs Components
 
-A package of Syncfusion React UI Components (Essential JS 2) Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
+A package of React Inputs components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
 
-![ej2-react-inputs](https://ej2.syncfusion.com/products/images/input/readme.gif)
+## What's Included in the React Inputs Package
 
-> Input is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2/?utm_source=npm&utm_campaign=grid)
+The React Inputs package includes the following list of components.
 
-## Setup
+### React ColorPicker
 
-To install Input and its dependent packages, use the following command
+The [React ColorPicker](https://www.syncfusion.com/react-components/react-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component is a user interface that is used to select and adjust color values.
 
-```sh
-npm install @syncfusion/ej2-react-inputs
-```
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/color-picker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/color-picker/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React ColorPicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-colorpicker.png">
+</p>
+
+#### Key features
+
+* [Color specification](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
+* [Mode](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
+* [Inline](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline) - Supports inline type rendering of color picker.
+* [Custom palettes](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom) - Allows to customize palettes and supports multiple palette groups rendering.
+* [Opacity](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
+
+### React TextBox
+
+The [React TextBox](https://www.syncfusion.com/react-components/react-textbox?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component is an extended version of the HTML input control which is used to edit or display text input on a form.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/textbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/textboxes/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-textbox?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React TextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-textbox.png">
+</p>
+
+#### Key features
+
+* [Floating label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – Floats the placeholder text while focus.
+* [Input group](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – Group the icons, buttons along with textbox.
+* [Validation states](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – Provides styles for success, error, and warning states.
+* [Multiline](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – Handles multiline input with placeholder text.
+
+### React MaskedTextBox
+
+The [React MaskedTextBox](https://www.syncfusion.com/react-components/react-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component allows the user to enter the valid input only based on the provided mask.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/maskedtextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/maskedtextbox/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React MaskedTextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-maskedtextbox.png">
+</p>
+
+#### Key features
+
+* [Custom Characters](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask) - Allows you to use your own characters as the mask elements.
+* [Regular expression](https://ej2.syncfusion.com/react/documentation/maskedtextbox/mask-configuration#regular-expression?utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - Can be used as a mask element for each character of the MaskedTextBox.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/maskedtextbox/accessibility/?utm_source=npm&utm_campaign=maskedtextbox) - Provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
+
+### React NumericTextBox
+
+The [React NumericTextBox](https://www.syncfusion.com/react-components/react-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/numerictextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/numerictextbox/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React NumericTextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-numerictextbox.png">
+</p>
 
-## Components included
+#### Key features
 
-Following list of components are available in the package.
+* [Range validation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range) - Allows to set the minimum and maximum range of values in the NumericTextBox.
+* [Number formats](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format) - Supports the number display formatting with MSDN standard and custom number formats.
+* [Precision Of numbers](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict) - Allows to restrict the number precision when enters the value.
+* [Keyboard interaction](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility#keyboard-interaction?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - Allows users to interact with the NumericTextBox using the keyboard.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility/?utm_source=npm&utm_campaign=numerictextbox) - Provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
+* [Internationalization](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization/?utm_source=npm&utm_campaign=numerictextbox) - Library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
+* [Localization](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
 
-* **ColorPicker** - Color picker is a user interface that is used to select and adjust color values.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/color-picker/getting-started/?utm_source=npm&utm_campaign=color-picker)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default)
-  * [Product Page](https://www.syncfusion.com/react-ui-components/color-picker)
+### React Signature
 
-* **TextBox** - The text box component is an extended version of the HTML input control which is used to edit or display text input on a form.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/textbox/getting-started/?utm_source=npm&utm_campaign=textbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default)
-  * [Product Page](https://www.syncfusion.com/react-ui-components/text-box/?utm_source=npm&utm_campaign=text-box)
+The [React Signature](https://www.syncfusion.com/react-components/react-signature?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.
 
-* **MaskedTextBox** - MaskedTextBox allows the user to enter the valid input only based on the provided mask.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/maskedtextbox/getting-started/?utm_source=npm&utm_campaign=maskedtextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/default)
-  * [Product Page](https://www.syncfusion.com/react-ui-components/maskedtextbox/?utm_source=npm&utm_campaign=maskedtextbox)
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/signature/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/signature/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-signature?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
 
-* **NumericTextBox** - NumericTextBox is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/numerictextbox/getting-started/?utm_source=npm&utm_campaign=numerictextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default)
-  * [Product Page](https://www.syncfusion.com/react-ui-components/numerictextbox/?utm_source=npm&utm_campaign=numerictextbox)
+<p align="center">
+<img alt="React Signature Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-signature.png">
+</p>
 
-* **Signature** - The Signature component allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.
-  * [Getting Started](https://ej2.syncfusion.com/documentation/signature/getting-started?lang=typescript&utm_source=npm&utm_campaign=signature)
-  * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=signature#/material/signature/default.html)
-  * [Product Page](https://www.syncfusion.com/javascript-ui-controls/signature/?utm_source=npm&utm_campaign=signature)
+#### Key features
 
-* **Slider** - The slider component allows you to select a value or range of values between the min and max range.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/slider/getting-started/?utm_source=npm&utm_campaign=slider)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default)
-  * [Product Page](https://www.syncfusion.com/react-ui-components/slider/?utm_source=npm&utm_campaign=slider)
+* [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
+* [Save](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
+* [Load](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to load the signature as base64 url of the image.
+* [Draw](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to draw the text with the different font family and font size.
 
-* **Uploader** - The [React File Upload](https://www.syncfusion.com/react-ui-components/react-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm) component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.
-  * [Product Page](https://www.syncfusion.com/react-ui-components/react-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm)
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/default)
+### React Slider
+
+The [React Slider](https://www.syncfusion.com/react-components/react-slider?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component allows you to select a value or range of values between the min and max range.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/range-slider/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/range-slider/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-slider?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React Slider Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-slider.png">
+</p>
+
+#### Key features
+
+* [Types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Provided three types of Slider.
+* [Orientation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation) - Displays the Slider in horizontal or vertical direction.
+* [Buttons](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Provided built-in support to render the buttons in both edges of the Slider.
+* [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Displays a tooltip to show the currently selected value.
+* [Ticks](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks) - Displays a scale with small and big ticks.
+* [Format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format) - Customize the slider values into various format.
+* [Limits](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits) - Slider thumb movement restriction enabled with interval dragging in range-slider.
+* [Accessibility](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
+* [Keyboard interaction](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api) - The Slider can be intractable through the keyboard.
+
+### React File Upload
+
+The [React File Upload](https://www.syncfusion.com/react-components/react-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm) component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/react/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm#/bootstrap5/uploader/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/react-components/react-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="React FileUpload Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-file-upload.png">
+</p>
+
+#### Key features
+
+* [Chunk upload](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/chunk-upload) – Used to upload large files as chunks
+* [Drag and drop](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/custom-drop-area) – Drag the files and drop into component to upload them.
+* [Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/custom-file-list) – The file list and buttons can be customize using template
+* [Validation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/file-validation) – Validate extension and size of upload file
+* [Auto upload](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/default) – Process the file to upload without interaction.
+* [Preload files](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/preload-files) – View and manipulate previously uploaded files.
+
+<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>
+
+## Setup
+
+To install `inputs` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-react-inputs
+```
 
 ## Supported frameworks
 
-Input component is also offered in following list of frameworks.
+Input components are also offered in following list of frameworks.
 
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/inputs/?utm_source=npm&utm_campaign=input)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/inputs/?utm_source=npm&utm_campaign=input)
-3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/numeric-textbox/?utm_source=npm&utm_campaign=input)
-4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/input-mask/?utm_source=npm&utm_campaign=input)
-5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/range-slider/?utm_source=npm&utm_campaign=input)
+| [<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/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-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; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
 ## Showcase samples
 
-* Cloud Pricing ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing))
-
-## Key Features
-
-### 1. ColorPicker
-- [**Color specification**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
-- [**Mode**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
-- [**Inline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline) - Supports inline type rendering of color picker.
-- [**Custom palettes**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom) - Allows you to customize palettes and supports multiple palette groups rendering.
-- [**Opacity**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
-
-### 2. TextBox
-- [**Floating Label**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – floats the placeholder text while focus.
-- [**Input Group**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – group the icons, buttons along with textbox.
-- [**Validation States**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – provides styles for success, error, and warning states.
-- [**Multiline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – handles multiline input with placeholder text
-
-### 3. MaskedTextBox
-- [**Custom Characters**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask) - allows you to use your own characters as the mask elements.
-- [**Regular Expression**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/mask-configuration#regular-expression?utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - can be used as a mask element for each character of the MaskedTextBox.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/accessibility/?utm_source=npm&utm_campaign=maskedtextbox) - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
-
-### 4. NumericTextBox
-- [**Range Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range) - allows to set the minimum and maximum range of values in the NumericTextBox.
-- [**Number Formats**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format) - supports the number display formatting with MSDN standard and custom number formats.
-- [**Precision Of Numbers**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict) - allows to restrict the number precision when enters the value.
-- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility#keyboard-interaction?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility/?utm_source=npm&utm_campaign=numerictextbox) - provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
-- [**Internationalization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization/?utm_source=npm&utm_campaign=numerictextbox) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
-- [**Localization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
-
-### 5. Signature
-- [**Customization**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
-- [**Save**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
-- [**Load**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
-- Support to load the signature as base64 url of the image.
-- [**Draw**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
-- Support to draw the text with the different font family and font size.
-
-### 6. Slider
-- [**Types**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Provided three types of Slider.
-- [**Orientation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation) - Displays the Slider in horizontal or vertical direction.
-- [**Buttons**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Provided built-in support to render the buttons in both edges of the Slider.
-- [**Tooltip**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Displays a tooltip to show the currently selected value.
-- [**Ticks**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks) - Displays a scale with small and big ticks.
-- [**Format**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format) - Customize the slider values into various format.
-- [**Limits**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits) - Slider thumb movement restriction enabled with interval dragging in range-slider.
-- [**Accessibility**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
-- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api) - The Slider can be intractable through the keyboard.
-
-### 7. Upload
-- [**Chunk Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/chunk-upload) – used to upload large files as chunks
-- [**Drag-and-drop**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/custom-drop-area) – drag the files and drop into component to upload them.
-- [**Template**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/custom-file-list) – the file list and buttons can be customize using template
-- [**Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/file-validation) – validate extension and size of upload file
-- [**Auto Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/default) – Process the file to upload without interaction.
-- [**Preload Files**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-file-upload-npm#/material/uploader/preload-files) – View and manipulate previously uploaded files
+* Cloud Pricing - [Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing)
 
 ## Support
 
-Product support is available for through following mediums.
+Product support is available through following mediums.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents/?utm_source=npm&utm_campaign=input) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2/?utm_source=npm&utm_campaign=input).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+* [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=react-inputs-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-inputs-npm)
+* Live chat
 
-## License
+## Changelog
 
-Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license/?utm_source=npm&utm_campaign=input).
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input). 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+ [React UI components](https://www.syncfusion.com/react-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-react-ui-components/blob/master/components/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input)
+See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license/?utm_source=npm&utm_campaign=input) for more info.
 
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-react-inputs.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-inputs.min.js
-*  version : 20.4.54
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionInputs"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionInputs","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactInputs=e(require("SyncfusionInputs"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactInputs=e(t.SyncfusionInputs,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=12)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(11);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(13);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(14);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(15);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(16);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(17);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(18);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(19);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(20);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.ColorPicker);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(9);n.d(e,"TextBoxComponent",function(){return r.a});var o=n(5);n.d(e,"NumericTextBoxComponent",function(){return o.a});var i=n(4);n.d(e,"MaskedTextBoxComponent",function(){return i.a});var c=n(8);n.d(e,"SliderComponent",function(){return c.a});var u=n(10);n.d(e,"UploadedFilesDirective",function(){return u.a}),n.d(e,"FilesDirective",function(){return u.b}),n.d(e,"UploaderComponent",function(){return u.c});var s=n(3);n.d(e,"ColorPickerComponent",function(){return s.a});var a=n(7);n.d(e,"SignatureComponent",function(){return a.a});var p=n(6);n.d(e,"RatingComponent",function(){return p.a});var f=n(0);n.n(f);for(var l in f)["TextBoxComponent","NumericTextBoxComponent","MaskedTextBoxComponent","SliderComponent","UploadedFilesDirective","FilesDirective","UploaderComponent","ColorPickerComponent","SignatureComponent","RatingComponent","default"].indexOf(l)<0&&function(t){n.d(e,t,function(){return f[t]})}(l)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.MaskedTextBox);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.NumericTextBox);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Rating);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("canvas",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Signature);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Slider);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.TextBox);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return c});var r=n(1),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Uploader);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionInputs"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionInputs","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactInputs=e(require("SyncfusionInputs"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactInputs=e(t.SyncfusionInputs,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=12)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(11);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(13);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(14);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(15);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(16);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(17);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(18);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(19);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(20);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.ColorPicker);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(9);n.d(e,"TextBoxComponent",function(){return r.a});var o=n(5);n.d(e,"NumericTextBoxComponent",function(){return o.a});var i=n(4);n.d(e,"MaskedTextBoxComponent",function(){return i.a});var u=n(8);n.d(e,"SliderComponent",function(){return u.a});var c=n(10);n.d(e,"UploadedFilesDirective",function(){return c.a}),n.d(e,"FilesDirective",function(){return c.b}),n.d(e,"UploaderComponent",function(){return c.c});var s=n(3);n.d(e,"ColorPickerComponent",function(){return s.a});var a=n(7);n.d(e,"SignatureComponent",function(){return a.a});var p=n(6);n.d(e,"RatingComponent",function(){return p.a});var l=n(0);n.n(l);for(var f in l)["TextBoxComponent","NumericTextBoxComponent","MaskedTextBoxComponent","SliderComponent","UploadedFilesDirective","FilesDirective","UploaderComponent","ColorPickerComponent","SignatureComponent","RatingComponent","default"].indexOf(f)<0&&function(t){n.d(e,t,function(){return l[t]})}(f)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.MaskedTextBox);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.NumericTextBox);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Rating);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("canvas",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Signature);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Slider);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.TextBox);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(1),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement(r.Fragment,null,[].concat(r.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Uploader);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});

package/dist/ej2-react-inputs.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-inputs.umd.min.js
-*  version : 20.4.54
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.Component]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(a,[r.ComponentBase,e.Component]);var s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(p,[r.ComponentBase,e.Component]);var u=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(l,[r.ComponentBase,e.Component]);var f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.immediateRender=!1,n.portals=[],n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(m,[r.ComponentBase,e.Component]);var _=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return _(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.Component]);var R=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),v=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return R(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("canvas",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Signature);r.applyMixins(v,[r.ComponentBase,e.Component]);var O=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!1,n.portals=[],n}return O(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Rating);r.applyMixins(j,[r.ComponentBase,e.Component]),t.TextBoxComponent=i,t.NumericTextBoxComponent=a,t.MaskedTextBoxComponent=p,t.SliderComponent=l,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=m,t.ColorPickerComponent=C,t.SignatureComponent=v,t.RatingComponent=j,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.Component]);var s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(c,[r.ComponentBase,e.Component]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(l,[r.ComponentBase,e.Component]);var p=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return p(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(u,[r.ComponentBase,e.Component]);var f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(m,[r.ComponentBase,e.Component]);var _=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return _(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.Component]);var R=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),v=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return R(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("canvas",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Signature);r.applyMixins(v,[r.ComponentBase,e.Component]);var O=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return O(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Rating);r.applyMixins(j,[r.ComponentBase,e.Component]),t.TextBoxComponent=i,t.NumericTextBoxComponent=c,t.MaskedTextBoxComponent=l,t.SliderComponent=u,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=m,t.ColorPickerComponent=C,t.SignatureComponent=v,t.RatingComponent=j,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-inputs.umd.min.js.map