The React Calendar is a component which is used to show the year, month and date. The years and moths can be changed with the help of left and right arrows in the calendar title bar. The calendar is a widely used when the user needs to select or change dates. In addition to all basic features our React.js calendar supports also Week Numbers.
The Week Number which is sometimes also referred to as week of the year is usually visualized in the first column on the left. The display of the week number is enabled by the showWeekNumbers property which has to be set to true. By default the property is set to false.
React Calendar with Week Number features
One of the important features is the capability to localize the content of the calendar in different languages and date formats.
The component also supports the selection of date ranges. A date range can be selected by clicking on the start and end dates.
Another interesting option is that the calendar can be initially enabled or disabled. In the disabled mode it is not possible to pick up dates.
In addition the calendar is responsive so the width can be drawn in percentages and enables keyboard navigation and right to left layout.
You can see an example here.