How to use the Hijri/Gregorian Date Picker in Bubble native mobile apps:
1. Add the Hijri/Gregorian Date Picker element to a native mobile view.

2. Choose the Picker Type:
- Calendar: shows a day-by-day calendar grid.
- Months: lets users select a whole month.
- Wheel: lets users scroll day, month, and year wheels.

3. Choose the Primary Calendar:
- Gregorian
- Hijri

4. If you use Hijri, choose the Hijri Variant:
- Islamic Civil
- Umm al-Qura

5. Configure optional settings:
- Language: English or Arabic
- Initial content
- Earliest selectable date
- Latest selectable date
- Weekend disabling
- Custom weekend days
- Blackout dates
- Multiple selection
- Selected dates separator
- Theme color

6. Use the element states in workflows, conditions, and text displays:
- Gregorian Date
- Hijri Date
- Hijri formatted text values
- Gregorian day, month, and year
- Hijri day, month, and year
- Selected Gregorian dates list
- Selected Hijri dates list
- Selected count
- Month first/last day states when using Months mode
- is Valid

7. Use the value is changed event when the user selects, clears, or updates the picker value.

8. Use the workflow actions when you need to update the picker dynamically:
- Change Picker Type
- Change Language
- Change Primary Calendar
- Change Hijri Variant
- Change Theme
- Update Min Date
- Update Max Date
- Update Initial Content
- Enable Multiple Selection


Before publishing, test your native mobile flow in BubbleGo on both iOS and Android. This plugin does not require shared HTML header scripts or jQuery.

Editor Link: https://bubble.io/page?id=hirjigregoriandatepickerdemopage&tab=Design&name=Home

Demo App: https://hirjigregoriandatepickerdemopage.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Home