Getting Started

Native Components

Animation
Buttons
Charts
Data Query
Data Tools
Date Inputs

Calendar
DateInput

Getting Started

Disabled DateInput

Incremental Steps

Floating Labels

Keyboard Navigation

MultiView Calendar

Floating Labels

Date Math
Dialogs
Drawing
Dropdowns
Editor
Excel Export
File Saver
Form
Gauges
Grid
Indicatorsupdated
Inputsupdated
Labels
Layoutupdated
Notificationnew
PDF Processing
Popup
Progress Bars
Schedulernew
ScrollViewnew
Tooltip
TreeViewnew
Upload

Wrapper Components

Styling & Themes

Common Features

Project Setup

Changelog

Components / Date Inputs / DateInput / Floating Labels /

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

Floating Labels

The DateInput can be fully integrated with the Floating Label component no matter of the Kendo Theme that you choose. To add a Floating Label to the DateInput define the label property of the component.

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

Keyboard Navigation

Is this article helpful?

Thank you for your feedback!

Getting Started

Support Resources

Community

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2022, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION