Design a ui for the request form in which the fields areResource Type which is the drop down input field and if resource type other is selected it should have add another input field which is input type textResource date input type date for which the resource is requiredStart from and end time for the resource requirement timeComments input type textarea
I've created a comprehensive resource request form with all the requested fields:
Key Features:
The form uses React state to manage the conditional display of the "Other" resource type field and handles form submission with all the collected data. The design is clean and professional using shadcn/ui components with proper spacing and accessibility features.
after selecting start time and end time display the duration
I've added duration calculation functionality to the form! Here's what was added:
New Features:
The duration updates automatically whenever either the start time or end time changes, providing immediate feedback to users about how long they're requesting the resource.