• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Ganttupdated
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetnew
    • ToolBar
    • Tooltips
    • TreeListupdated
    • TreeViewupdated
    • 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