[datetime2] feat: DateRangePicker3 using react-day-picker v8

[adidahiya]

Related to #5652, #5699 - necessary to unblock React 18 support

Checklist

• Includes tests
• Update documentation

Changes proposed in this pull request:

Add new "v3" variant of DateRangePicker which uses react-day-picker v8.

Implementation notes:

• our custom disabledDays modifier is no longer required, this is automatically handled by specifying fromDate and toDate (same goes for DatePicker3 which already merged)
• I've refactored much of the implementation to use function components (however the root component is still a class)
• We now leverage rdp's built-in range picker support with mode="range" and numberOfMonths={2}. This works for single month range pickers and contiguous dual-month pickers.
  • rdp does not, however, have support for non-contiguous range pickers. We have to continue implementing this ourselves using multiple DayPickers, just like we did with rdp v7.
  • you can see the different approaches & use of different rdp custom components in NonContiguousDayRangePicker / ContiguousDayRangePicker.

Reviewers should focus on:

• No regressions compared to DateRangePicker
• Test coverage
• Documentation

Screenshot

Single month picker (note the new location of prev/next month navigation buttons now that we delegate to rdp to render the caption):

Contiguous two month picker:

Non-contiguous two month picker:

[adidahiya]

progress on non-contiguous range picker

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

fix lint

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

remove unused code; destructure props

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

export symbols in datetime public API for use in datetime2

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

There is a bug with non-contiguous calendars near the min/max date boundaries. The fromDate and toDate props are not being set correctly in the two calendars. It should probably be fromMonth (for right cal) and toMonth (for left cal) instead.

edit: fixed

[adidahiya]

minor cleanup

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

adjust some classes, fix some tests

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

[datetime] fix tests

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

fix lint

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.