Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
69
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Purchase

Date Format Select

The Date Format Select component is a form control for choosing a date display format from a predefined list. It writes the selected format string to the form value, such as MM/dd/yyyy, dd.MM.yyyy, or yyyy-MM-dd, while showing a readable label to the user.

Use it in account settings, profile settings, tenant settings, localization preferences, and reporting settings where users choose how dates should appear. Do not use it to pick a date, choose a date range, open a calendar, schedule events, filter by period, or format date values directly in a template.

PropTypeDefault
dateFormats
The list of date formats to display in the select.
DateFormat[][{ value: 'MM/dd/yyyy', name: 'MM/DD/YYYY' }, { value: 'dd.MM.yyyy', name: 'DD.MM.YYYY' }, { value: 'yyyy-MM-dd', name: 'YYYY-MM-DD' }]
placeholder
The placeholder text to display when no value is selected.
string''
required
Whether the select is required.
booleanfalse
disabled
Whether the select is disabled.
booleanfalse