NGSTARTER UI

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.

The NgStarter Angular Date Format Select component lets you let users choose a preferred date display format string from a predefined list. Use in account settings, profile settings, tenant settings, localization preferences, and reporting settings where users choose how dates should appear in the UI or exported reports. It includes examples for Basic date format select.

Basic date format select

Use Date Format Select when a settings form needs a preferred date display format. The selected value is the format string; the app applies that preference when it renders dates elsewhere.

Date Format

No date format selected.