Instructions for use:

1. Add the MobileCalendar element to your page and set its width to match your mobile layout.

2. Set the Selection Mode field: use "single" for one date, "range" for start/end interval, or "multiple" for individual multiple dates.

3. Set a Visible Date to control which month is shown on load.

4. Optionally define a Minimum Date and Maximum Date to restrict navigation and selection.

5. Use Disabled Dates to pass a list of dates the user cannot select. Use Disabled Weekdays to block specific days of the week (0 = Sunday, 6 = Saturday).

6. Pass a list of dates to Event Dates to display a dot indicator below those days. Customize the dot color with Event Dot Color.

7. Customize the appearance using the Styling fields: Selection Color, Selection Roundness, Calendar Background, Calendar Roundness, Calendar Padding, and font settings for dates, headers, and weekday labels.

8. Use the exposed states to retrieve data: Selected Date (single mode), Selected Start Date and Selected End Date (range mode), or Selected Dates (multiple mode).

9. Use the events Date Selected, Range Selected, and Multiple Dates Selected to trigger workflows when the user makes a selection.