# Placeholders

For its input field, the DatePicker enables you to [provide descriptions for the format sections](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/placeholders#setting-the-description-of-the-format-sections).

The [`formatPlaceholder`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops#formatplaceholder) option enables you to set the way the format sections of the input field are rendered. For example, whether the month input is prompted as `month` or `MM`.

The `formatPlaceholder` provides the following available options which you can set:

* `'wide'`—Displays the full description of the format section. For example, turns `MM` into `month`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
* `'narrow'`—Displays the narrow description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
* `'short'`—Displays the short description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
* `'formatPattern'`—Directly displays the format section. For example, turns `MM` into `MM`.
* [`CustomFormatPlaceholder`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/dateinputcustomformatplaceholder)—An object that defines the description of the format sections. For example, `{ day: 'd.', month: 'M.', year: 'y', hour: 'h.' }`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/datepicker/placeholders/source.txt)

## Suggested Links

* [API Reference of the DatePicker](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops)