Scribd
Upload
9 views

Test Assignment UI

Its one of assignment

Uploaded by

Ankush Waghmare
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views

Test Assignment UI

Its one of assignment

Uploaded by

Ankush Waghmare
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Assignment For UI Developer

INSTRUCTIONS:
- Below are details about an assignment you need to finish within 5hr from time you
receive it.
- Please consider code quality and flexibility in mind while developing your code.
- Try to match the design as close as you can.
- The technology you can use is HTML5, CSS3, JS, React, use only custom HTML & CSS
codes, any React based datepicker calendar, any date manipulation library like
momentjs.
- After finishing, please compress your source code and build and send as per
instructions.

NORMAL VIEW

NOTE: clicking on next/previous button is slightly different from the selecting dates from calendar
that you will see in next image, next/previous is changing date range and applying automatically
but selecting from detailed popu is not applying until the Apply button is clicked by the user.
RANGE SELECTION DETAILED VIEW

DETAILED SELECTION VIEW WHEN RANGE TAB IS SELECTED AND FROM OR TO FIELD IS
FOCUSED
DETAILED SELECTION VIEW WHEN WEEKS TAB IS SELECTED
Clicking on the As of date field will show a date picker calendar in the same way as we do
for week selection tab but the position will be below the gray line and the selection will
be only single date selecting and applying As of date will dispatch a different state
change.

Fields details

Serial Field Name Default Value

1 Dat As Of Yesterday (if today is 11 Aug 2022


then 10 Aug 2022)

2 Date From First day of current month

3 Date until Last day of current month

You might also like