Scribd
Upload
16 views

React - Js Practical

random practical

Uploaded by

vedant3
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
16 views

React - Js Practical

random practical

Uploaded by

vedant3
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

This practical is divided into 2 parts.

1st Part
1. Complete above image with below description.

1. Date ( display today's date as default) when you move weeks, then you can load
weekly before or after days from today.
2. The swipe buttons (Previous & Next) to load/move weeks (default current week)
3. Timezone select Just put any two random timezones(UTC-0 & a different one)
and then when you change the timezone, you will have to display and change all
displayed times.The timezone will be target timezone to be displayed
4. Load weekly working days(from Mon to Fri) and times(from 8AM to 11PM :
UTC-0) and checkboxes.

2nd Part

1. Create and save json file and create data with date and time in json format and
get all dates into the FE with tick boxes.. For eg.
[{
Id: 101,
Name: “test”,
Date: “2023-07-20”,
Time: “22:30”
},
{
Id: 102,
Name: “test 1”,
Date: “2023-07-21”,
Time: “09:00”
},
…
]
2. When I click on calender the whole week will be display on the screen and
according to the display json data on UI with tick boxes.

You might also like