soCalendar Demo

This demo page is work in progress!

Simple test
This will load the calendar using your browser locale and defaults.
Empty date
This will load the calendar using your browser locale and defaults.
Empty date with min and max
Empty date with min and max via data-x
Preset date
This input already has a date in the format DD/MM/YYYY so the calendar should default to this.
Change locale (🇺🇸 en-US) - note first day of week is Sunday
Using en-US as locale - first day of week is Sunday and date format is MM/DD/YYYY.
Change locale (🇫🇷 fr-FR)
Using fr-FR as locale - Not the days of the week matches the language
Change locale (🇨🇳 zh-CH)
Using zh-CH as locale - Not the days of the week matches the language
Change locale (🇵🇱 pl-PL) using javascript init
Using fr-FR as locale - Not the days of the week matches the language
Change locale (🇵🇱 pl-PL) USING data-locale="pl-PL"
Using fr-FR as locale - Not the days of the week matches the language
Empty date using type=date
This will be changed from type=date to type=input
Empty date but button trigger. Mask applied
This is triggered from the button and targets the input `target-input`

The input has an input mask to help with entering a date.