Today we will introduce datepicker, which is frequently used in web development.
A typical Datepicker displays one calendar.
However, sometimes you need a datepicker to set the period.
In this case, you must select a start date and an end date.
The following script is a sample for selecting a date range.
First, I will share the execution screen.
https://sensortower.github.io/daterangepicker/docs
This script provides an intuitive UI.
Day / Week / Month / Quarter / Year are displayed at the top left of the screen.
This button serves as a guide for date selection.
When selected, each period provides a UI to display it.
And when you select Last 30 days/Last 90 Days on the left, the date is automatically selected based on the selected criteria.
#Day
#Week
#Month
#Quarter
#Year
This site also provides various custom methods for using daterangepicker and instructions on installation.
https://sensortower.github.io/daterangepicker/docs
I think most of what you want to express can be achieved with this datepicker.