Datepicker

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Name

Properties

PresentationType string required

The DatePicker allows users to select a specific date from a visual calendar interface. It typically appears as a button or input field, and when clicked or tapped, it opens a calendar view from which the user can choose the desired date.

Allowed Datepicker

Name string required

The name of the DatePicker used for unique representation

ButtonLabel string optional

The text displayed on the button that opens the DatePicker.

Default "Select Date"

Margin number, object optional

The space around the outside of the DatePicker widget, creating a gap between it and other elements. Accepts a number for all sides, or an LTRB object ({"Top": …, "Left": …, "Right": …, "Bottom": …}). Responsive value maps are NOT supported here and resolve to zero.

Padding number, object optional

The space inside the DatePicker widget, providing gap between its content and the widget's edge.. Accepts a number for all sides, or an LTRB object ({"Top": …, "Left": …, "Right": …, "Bottom": …}). Responsive value maps are NOT supported here and resolve to zero.

Top number, object optional

How far the DatePicker should be from the top of its container in pixel. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Default 0

Left number, object optional

How far the DatePicker should be from the left side of its container. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Default 0

Origin string optional

An optional field indicating where the DatePicker originates or is sourced from.

RestorationId string optional

An optional ID that helps save and restore the DatePicker's state if the app is closed and reopened.

From integer, object optional

The starting value for the DatePicker, often representing a date or time. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Default 30

To integer, object optional

The ending value for the DatePicker, typically representing an end date or time. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Default 30

Language string optional

Specifies the language used for displaying dates and other text in the DatePicker like 'Nep' or 'En'

Default "En"

{ "$id": "/schema/Presentations/Datepicker/1.0/index.json", "title": "Datepicker", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "PresentationType", "Name" ], "properties": { "PresentationType": { "enum": [ "Datepicker" ], "type": "string", "description": "The DatePicker allows users to select a specific date from a visual calendar interface. It typically appears as a button or input field, and when clicked or tapped, it opens a calendar view from which the user can choose the desired date." }, "Name": { "type": "string", "description": "The name of the DatePicker used for unique representation" }, "ButtonLabel": { "type": "string", "description": "The text displayed on the button that opens the DatePicker.", "default": "Select Date" }, "Margin": { "type": [ "number", "object" ], "description": "The space around the outside of the DatePicker widget, creating a gap between it and other elements. Accepts a number for all sides, or an LTRB object ({\"Top\": …, \"Left\": …, \"Right\": …, \"Bottom\": …}). Responsive value maps are NOT supported here and resolve to zero." }, "Padding": { "type": [ "number", "object" ], "description": "The space inside the DatePicker widget, providing gap between its content and the widget's edge.. Accepts a number for all sides, or an LTRB object ({\"Top\": …, \"Left\": …, \"Right\": …, \"Bottom\": …}). Responsive value maps are NOT supported here and resolve to zero." }, "Top": { "type": [ "number", "object" ], "description": "How far the DatePicker should be from the top of its container in pixel. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …}).", "default": 0 }, "Left": { "type": [ "number", "object" ], "description": "How far the DatePicker should be from the left side of its container. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …}).", "default": 0 }, "Origin": { "type": "string", "description": "An optional field indicating where the DatePicker originates or is sourced from." }, "RestorationId": { "type": "string", "description": "An optional ID that helps save and restore the DatePicker's state if the app is closed and reopened." }, "From": { "type": [ "integer", "object" ], "default": 30, "description": "The starting value for the DatePicker, often representing a date or time. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …})." }, "To": { "type": [ "integer", "object" ], "default": 30, "description": "The ending value for the DatePicker, typically representing an end date or time. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …})." }, "Language": { "type": "string", "description": "Specifies the language used for displaying dates and other text in the DatePicker like 'Nep' or 'En'", "default": "En" } }, "x-icon": "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"/><path d=\"M3 9h18M8 3v4M16 3v4\"/></svg>", "x-exports": { "html": true, "ios": true }, "x-family": "Presentations", "x-name": "Datepicker", "x-version": "1.0", "x-source-package": "zero-schema" }