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

// ... 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>
  );
};

Installation

PropertyTypeDescription
componentstring
= "date"
namestringThe name of the field and the key of the JSON
labelstring | i18nLabel of the field
hintstring | i18nHelp text for the field (generally shown below the input box)
placeholderstring | i18nPlaceholder text, visibile when the field is empty
disabledbooleanDisables and greys out the field
readOnlybooleanPut the field in read only mode
hiddenbooleanHides the field from the form
classNamestringCSS class name to assign to the field container
Pick up a framework to show specific properties
Bootstrap
React Suite