Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- - Overview
  - Calendar
  - DateInput
  - DatePicker
  - DateRangePicker
  - DateTimePicker
  - TimePicker
  - MultiView Calendar
  - Floating Labels
  - Globalization
  - API
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Date Inputs / DateInput / Spin Buttons /

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

Spin Buttons

The spin buttons of the DateInput increase or decrease the currently selected date part.

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

Disabled DateInput

Incremental Steps