I need this custom Dojo Calendar widget within the next 12 hours
The widget should accept the following parameters:
CalendarType: Can be "GREGORIAN" or "HIJRI", default is "GREGORIAN"
UI Direction: Can be "LTR" or "RTL", default is "LTR"
Year label: Label for the Year field (Default "yyyy")
Month label: Label for the Month field (Default "mm")
Day label: Label for the Day field (Default: "dd")
Week start: Start day of the week (Default: 0)
Year: Year to initialize the picker to (Default: current year)
Month: Month to initialize the calendar to (Default: current Month)
Day: Day to initialize the calendar to (Default: current day)
The widget should initially display "UI 1" with the correct labels (in this shot, labels are: "yyyy", "mm", and "dd")
Which is simply 3 fields for "Date", "Month", "Year"
And one calendar icon
Upon clicking the calendar icon, a datepicker should slide right below the calendar icon to allow the user to select a date (UI 2)
When the user selects a date, the date picker will fade out quickly, and the 3 fields will be updated with the user selection (UI 3)
Please read detailed requirements before bidding
I need this urgently
## Deliverables
I need this custom Dojo Calendar widget within the next 12 hours
The widget should accept the following parameters:
CalendarType: Can be "GREGORIAN" or "HIJRI", default is "GREGORIAN"
UI Direction: Can be "LTR" or "RTL", default is "LTR"
Year label: Label for the Year field (Default "yyyy")
Month label: Label for the Month field (Default "mm")
Day label: Label for the Day field (Default: "dd")
Week start: Start day of the week (Default: 0)
Year: Year to initialize the picker to (Default: current year)
Month: Month to initialize the calendar to (Default: current Month)
Day: Day to initialize the calendar to (Default: current day)
The widget should initially display "UI 1" with the correct labels (in this shot, labels are: "yyyy", "mm", and "dd")
Which is simply 3 fields for "Date", "Month", "Year"
And one calendar icon
Upon clicking the calendar icon, a datepicker should slide right below the calendar icon to allow the user to select a date (UI 2)
When the user selects a date, the date picker will fade out quickly, and the 3 fields will be updated with the user selection (UI 3)
Important notes:
1. If calendarType = "HIJRI", an Islamic calendar should be displayed instead, and the fields will be updated with the date in Islamic calendar (Dojo already have an implementation for Islamic calendar)
2. If the user types some values in the fields then clicks the calendar icon, the calendar should be initialized with the values written by the user (user input will match the current calendar type used, aka: if the calendar type is Hijri, user will enter a date in Hijri)
3. If user enters invalid data, in one field (eg. the month field), the calendar should initialize itself using valid fields only (if any), like the year field for example and use the current month instead of the supplied invalid month
No errors should be returned to the user at all, and the widget should never fail to open the picker regardless of the user input
4. Regardless of the calendar type (HIJRI or GREGORIAN), the widget will always have a string (hidden) field holding the date value in YYYY/MM/DD format using GREGORIAN calendar (so if the picker is a HIJRI picker, a conversion to GREGORIAN should take place when updating this string field... Dojo already supports this conversion)... This way I'll always have a way to get the GREGORIAN value of the selected date, as this is the actual value I want to store in my DB (no Hijri dates will be stored at all)... If the date is invalid, this property should have an empty String value
5. If UI Direction is RTL, widget items should be displayed in this order: calendar icon, year, month, day (instead of the calendar icon being last in LTR)
6. I'll also need a sample html for demonstrating this widget