How to use the Hijri/Gregorian Date Picker
1. Drag the “Hijri/Gregorian Date Picker” element onto your page.
2. Choose your primary calendar: Gregorian or Hijri (with Islamic or Umm al-Qura)

3. Configure the optional settings you need:
  - Disable weekends (and choose which days are weekends)
  - Enable blackout dates (using a dynamic list)
  - Set minimum and maximum selectable dates
  - Enable multiple date selection
  - Choose a theme (Green, Blue, or Gray)
  - Choose display mode: Calendar (popup) or Months (dropdown list of months)

4. Use the exposed states in your workflows and conditions:
  - Gregorian date in YYYY-MM-DD format
  - Hijri date in MM/DD/YYYY format
  - Different Hijri date formats
  - All parts of the Gregorian date
  - All parts of the Hijri date
  - Lists of selected dates (when multiple selection is enabled)
  - Number of dates selected
  - Boolean date validation (True or False) when the current value is a valid date
  - When using Months display mode, you also get these extra states:
    -- First and last day of the selected month (as real dates)
    -- First and last day of the month in Hijri (dd/mm/yyyy)
    -- Full Arabic format with day name (e.g. الخميس، 21 شوال 1447)

The picker automatically:
  - Updates all Gregorian and Hijri values instantly
  - Handles both single and multiple date selection
  - Shows the correct Arabic or English month names based on your selected language
  - Fires the “value is changed” event whenever the user picks or clears a date
  - Works perfectly inside workflows, repeating groups, and conditional logic

No extra setup is required. The picker is fully responsive and works beautifully in any Bubble container.