• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Date Inputs / API / DateInputCustomFormatPlaceholder / 
New to Kendo UI for Angular? Start a free 30-day trial

DateInputCustomFormatPlaceholder

The interface which defines a custom-format placeholder structure in the DateInput component.

@Component({
selector: 'my-app',
template: `
   <kendo-dateinput format="G"
     [formatPlaceholder]="{
       year: 'y', month: 'M', day: 'd',
       hour: 'h', minute: 'm', second: 's'
     }"
   ></kendo-dateinput>
`
})
export class AppComponent { }
NameTypeDefaultDescription

day?

string

Defines the description for the day format section.

hour?

string

Defines the description for the hour format section.

millisecond?

string

Defines the description for the millisecond format section.

minute?

string

Defines the description for the minute format section.

month?

string

Defines the description for the month format section.

second?

string

Defines the description for the second format section.

year?

string

Defines the description for the year format section.

In this article

Not finding the help you need?

Contact Support