Date
The Date date is a date field, it returns a string in ISO-8601 format (i.e., 1972-10-01).
Example
{
"component": "date",
"label": "My date field",
"name": "my_date",
"hint": "Select a date",
"react-rsuite5": {
"format": "dd / MM / yyyy",
"cleanable": true,
"oneTap": true
}
}Loading...
Installation
Some frameworks requires additional imports to enable date pickers and localization
RSuite
// ... usual imports for LetsForm
import CustomProvider from 'rsuite/CustomProvider';
import locale from 'rsuite/locales/it_IT';
const MyForm = () => {
return (
<CustomProvider locale={locale}>
<LetsForm
// params
/>
</CustomProvider>
);
};Reference
| Property | Type | Description |
|---|---|---|
| component | string | = "date" |
| name | string | The name of the field and the key of the JSON |
| label | string | i18n | Label of the field |
| hint | string | i18n | Help text for the field (generally shown below the input box) |
| placeholder | string | i18n | Placeholder text, visibile when the field is empty |
| disabled | boolean | Disables and greys out the field |
| readOnly | boolean | Put the field in read only mode |
| hidden | boolean | Hides the field from the form |
| className | string | CSS class name to assign to the field container |
Pick up a framework to show specific properties | ||