Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- - Overview
  - Getting Started
  - Calendarupdated
  - DateInput
  - DatePickerupdated
  - DateTimePickerupdated
  - DateRange
  - MultiViewCalendarupdated
  - TimePicker
  - Globalization
  - API
- 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 / DateInput / Spin Buttons /

New to Kendo UI for Angular? Start a free 30-day trial

Spin Buttons

The spin buttons of the DateInput increase or decrease the date value by adding or subtracting one day.

By default, the spin buttons are disabled and the spinners property is set to false. To render the spin buttons, set spinners to true.

Example

View Source

Change Theme:

Suggested Links

API Reference of the DateInput

Read-Only DateInput

Incremental Steps