@progress/kendo-react-dateinputs 4.10.0-dev.202110110856 → 4.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<img src="https://www.telerik.com/kendo-react-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
# KendoReact Date Inputs Library for React
|
|
6
6
|
|
|
7
7
|
> **Important**
|
|
8
8
|
> * This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)—a commercial UI library.
|
|
@@ -12,19 +12,50 @@
|
|
|
12
12
|
>
|
|
13
13
|
> [Start using KendoReact](https://www.telerik.com/download-login-v2-kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) and speed up your development process!
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
What's in this package (ToC):
|
|
16
16
|
|
|
17
|
-
* [Calendar component](
|
|
18
|
-
* [DateInput component](
|
|
19
|
-
* [DatePicker component](
|
|
20
|
-
* [
|
|
21
|
-
* [DateTimePicker component](
|
|
22
|
-
* [MultiViewCalendar component](
|
|
23
|
-
* [
|
|
17
|
+
* [React Calendar component](#react-calendar-component)
|
|
18
|
+
* [React DateInput component](#react-dateinput-component)
|
|
19
|
+
* [React DatePicker component](#react-datepicker-component)
|
|
20
|
+
* [React Date Range Picker component](#react-date-range-picker-component)
|
|
21
|
+
* [React DateTimePicker component](#react-datetimepicker-component)
|
|
22
|
+
* [React MultiViewCalendar component](#react-multiviewcalendar-component)
|
|
23
|
+
* [React Time Picker component](#react-time-picker-component)
|
|
24
|
+
* [React Date Inputs Components Library Features](#react-date-inputs-library-shared-features)
|
|
25
|
+
* [Support Options](#support-options)
|
|
26
|
+
* [Resources](#resources)
|
|
24
27
|
|
|
25
28
|
The KendoReact Date Inputs offer a highly customizable interface for users to navigate between dates and date ranges, to enter and pick time and date slots, and more. All KendoReact Date Inputs support different locales.
|
|
26
29
|
|
|
27
|
-
## React
|
|
30
|
+
## React Calendar Component
|
|
31
|
+
|
|
32
|
+
[The KendoReactReact Calendar component](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs), part of KendoReact, is a form component representing a Gregorian calendar, allowing users to intuitively select a single date, or date ranges, with a few clicks. The Fast Navigation Bar of the React Calendar provides a shortcut to quickly navigate through years and months without having to leave the context of the main calendar interface of selecting a particular day of the month. The number of the week can be an easy way to discuss upcoming vacations or events.
|
|
33
|
+
|
|
34
|
+
## React DateInput Component
|
|
35
|
+
|
|
36
|
+
[The KendoReact DateInput component](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) is a perfect input component for handling quick and efficient date values. The Spin Buttons of the React DateInput, enabled by a single property, quickly increases or decreases the currently selected portion of the date. The React DateInput supports adding floating labels as part of its input.
|
|
37
|
+
|
|
38
|
+
## React DatePicker Component
|
|
39
|
+
|
|
40
|
+
[The KendoReact DatePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) is part of KendoReact and offers a highly customizable interface for end users to enter and pick dates supporting different locales. The React DatePicker component supports an input element for manual insertion of a date, the component also features a popup calendar to select dates in a more intuitive and visually pleasing way.
|
|
41
|
+
|
|
42
|
+
## React Date Range Picker Component
|
|
43
|
+
|
|
44
|
+
[The KendoReact DateRangePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) is part of KendoReact and offers a highly customizable interface for end users to select a range of dates spanning over multiple calendars. There may be several cases where a user would need to select the end date first and then select the start date. For this scenario, the React DateRangePicker features built-in logic to autocorrect the selection of its calendars to ensure that the start value is always before the end value.
|
|
45
|
+
|
|
46
|
+
## React DateTimePicker Component
|
|
47
|
+
|
|
48
|
+
[The KendoReact DateTimePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) is part of KendoReact and combines the ability to select both a date and a specific time of day through a highly-customizable component. The React DateTimePicker supports adding floating labels as part of its input. The KendoReact DateTimePicker can handle the full 24-hour clock and can select from any day in the past or the future, which may be too broad of a range for your application.
|
|
49
|
+
|
|
50
|
+
## React MultiViewCalendar Component
|
|
51
|
+
|
|
52
|
+
[The KendoReact MultiViewCalendar component](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) offers a user interface with multiple calendars side by side to enable end users to select a range of dates spanning over multiple months. With the Multiple Views feature, any number of calendars can be added to the collection of displayed calendars. Thanks to the reverse range selection feature of the React MultiViewCalendar, no matter which order dates are selected, the component will always keep track of the start and end dates.
|
|
53
|
+
|
|
54
|
+
## React Time Picker Component
|
|
55
|
+
|
|
56
|
+
[The KendoReact TimePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) provides an intuitive interface for entering or selecting any time of day. For scenarios that need to limit the time slots that the KendoReact TimePicker offers to users, there are min and max configuration options to help limit the range of time slots available. The React TimePicker supports adding floating labels as part of its input.
|
|
57
|
+
|
|
58
|
+
## React Date Inputs Components Library Features
|
|
28
59
|
|
|
29
60
|
Among the many features which the KendoReact Date Inputs deliver are:
|
|
30
61
|
|
|
@@ -38,7 +69,7 @@ Among the many features which the KendoReact Date Inputs deliver are:
|
|
|
38
69
|
* **Date limits**—Enable the user to pick a date or time within a predefined min and max date or time range.
|
|
39
70
|
* **Focused dates and times**—Configure the initial date or time value the Date Inputs display.
|
|
40
71
|
* **Accessibility support**—The Date Inputs are compliant with WAI-ARIA and Section 508.
|
|
41
|
-
* [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)—The KendoReact Date Inputs, as well as all
|
|
72
|
+
* [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)—The KendoReact Date Inputs, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
|
|
42
73
|
|
|
43
74
|
## Support Options
|
|
44
75
|
|
|
@@ -53,7 +84,7 @@ For any issues you might encounter while working with the KendoReact Date Inputs
|
|
|
53
84
|
* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
54
85
|
* [Getting Started with the KendoReact Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
55
86
|
* [API Reference of the KendoReact Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
56
|
-
* [KendoReact Roadmap](https://www.telerik.com/kendo-react-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
87
|
+
* [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
57
88
|
* [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
58
89
|
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|
|
59
90
|
* [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
|