Skip to search Skip to content
  • Home
  • Get Started
  • Explore SAP Fiori
  • What’s New
  • Foundation
    • SAP Fiori
    • Design Principles
    • Design-Led Development Process
    • Multi-Device Support: Responsive vs. Adaptive
    • Content Density (Cozy & Compact)
    • Theming
    • Motion Design
    • Colors
      • Belize Colors
      • Quartz Light Colors
      • Quartz Dark Colors
    • Iconography
    • Typography
    • Accessibility in SAP Fiori
  • Designing Intelligent Systems
    • Overview
    • Explainable AI
    • Matching
    • Ranking
    • Recommendations
    • Situation Handling
    • User Feedback
  • General Concepts
    • SAP Fiori Launchpad
      • Overview
      • Shell Bar
      • Home Page
      • Spaces
      • Tile
      • App Finder
      • Enterprise Search
      • Notifications
      • Services
    • Action Placement
    • Collaboration
    • Draft Handling
    • Export to Spreadsheet
    • Flag and Favorite
    • Form Field Validation
    • Formatting
      • Overview
      • Dates
      • Numbers
      • Time
      • Units of Measurement
    • Forward
    • Handling Busy States
    • How To Use Semantic Colors
    • Manage Objects
      • Overview
      • Copy
      • Create with Reference
      • Global Flow
      • Local Flow
      • Mass Editing
      • Parts of an Object
      • Simple Objects
    • Message Handling
    • Mobile Integration
      • Mobile Integration Concept
    • Navigation
    • Which Selection Control Should I Use?
    • UI Element States
    • Using Tooltips
    • Wrapping and Truncating Text
  • Layouts, Floorplans, and Frameworks
    • Overview
    • Layouts
      • Comparison Pattern
      • Dynamic Page
      • Dynamic Page – Semantic Page
      • Flexible Column Layout
      • Letterboxing
      • Multi Instance
      • Responsive Spacing System
    • Floorplans
      • Analytical List Page
      • Initial Page
      • List Report
      • Object Page
      • Overview Page
      • Wizard
      • Worklist
    • Frameworks
      • Analysis Path Framework
      • SAP Smart Business Framework
    • Tool Development
      • Tool Development Overview
      • Block Layout
      • Responsive Splitter
      • Side Navigation
      • Tool Header
  • SAP Fiori Elements
    • Overview
    • Analytical List Page / Overview Page
    • List Report / Worklist
      • Header
      • Content Area
      • Worklist
    • Object Page
      • Header
      • Content Area
      • Footer Bar
    • Table
      • Types
      • Toolbar
      • Features
      • Rows
  • UI Elements
    • Action
      • Action Sheet
      • Breadcrumb
      • Button
      • Link
      • Smart Link
      • Upload Collection
    • Collaboration
      • Group Feed Component
      • Timeline
    • Container
      • Carousel
      • Lightbox
      • Panel
    • Data Visualization
      • 3D Viewport
      • Analytical Card
      • Chart (VizFrame)
      • Gantt Chart
      • Interactive Chart
      • Map
      • Micro Chart
      • Network Graph
      • Progress Indicator
      • Status Indicator
      • T Account
    • Dialog
    • Display
      • Avatar
      • Avatar Group
      • Currency
      • Formatted Text
      • Generic Tag
      • HTML
      • Image
      • Label
      • Object Display Components
      • Text
      • Title
    • Dynamic Side Content
    • Filter
      • Contextual Filter
      • Filter Bar
      • Info Bar
      • Visual Filter Bar
    • Flexible Grid
    • Form / Simple Form
    • Icon Tab Bar
    • Invisible Message
    • List
      • Overview
      • Action List Item
      • Display List Item
      • Grid List
      • Input List Item
      • Object List Item
      • Standard List Item
    • Loading
      • Busy Dialog
      • Busy Indicator
      • Busy State
    • Messaging
      • Message Box
      • Message Page
      • Message Popover
      • Message Strip
      • Message Toast
      • Message View
    • Micro Process Flow
    • PDF Viewer
    • Popover
      • Popover
      • Quick View
    • Process Flow
    • Range Selector
    • Table
      • Overview
      • Analytical Table (ALV)
      • Grid Table
      • Personalization & Dialogs
      • Responsive Table
      • Smart Table
      • Tree Table
    • Toolbar
      • Overview
      • Chart Toolbar
      • Footer Toolbar
      • Header Toolbar
      • Table Toolbar
      • Tree Toolbar
    • Tree
    • User Input
      • Calculation Builder
      • Calendar
      • Calendar Date Interval
      • Checkbox
      • Color Palette
      • Color Palette Popover
      • Color Picker
      • Color Picker Popover
      • Combo Box
      • Date Picker
      • Date/Time Picker
      • Date Range Selection
      • Dynamic Date
      • Feed and Notes
      • Input Field
      • Mask Input
      • Multi-Combo Box
      • Multi-Input Field
      • Planning Calendar
      • Radio Button
      • Range Slider
      • Rating Indicator
      • Rich Text Editor
      • Search
      • Select
      • Select Dialog
      • Single Planning Calendar
      • Slider
      • Smart Field
      • Step Input
      • Switch
      • Table Select Dialog
      • Text Area
      • Time Picker
      • Token
      • Value Help Dialog
    • Variant Management
  • Services & Resources
    • SAP Fiori Design Stencils
      • Overview
      • Sketch
      • Axure RP
      • Adobe XD
    • User Research Method Cards
    • SAPUI5 Planning & Development
  • Contact Us

Fiori Design Guidelines

Home Date/Time Input

Home Date/Time Input

Updated: November 11, 2016
Latest SAPUI5 Version 1.86
  • SAPUI5 Version 1.84
  • SAPUI5 Version 1.82
  • SAPUI5 Version 1.80
  • SAPUI5 Version 1.78
  • SAPUI5 Version 1.76
  • SAPUI5 Version 1.74
  • SAPUI5 Version 1.72
  • SAPUI5 Version 1.70
  • SAPUI5 Version 1.68
  • SAPUI5 Version 1.66
  • SAPUI5 Version 1.64
  • SAPUI5 Version 1.62
  • SAPUI5 Version 1.60
  • SAPUI5 Version 1.58
  • SAPUI5 Version 1.56
  • SAPUI5 Version 1.54
  • SAPUI5 Version 1.52
  • SAPUI5 Version 1.50
  • SAPUI5 Version 1.48
  • SAPUI5 Version 1.46
  • SAPUI5 Version 1.44
  • SAPUI5 Version 1.42
  • SAPUI5 Version 1.40
  • SAPUI5 Version 1.38
  • SAPUI5 Version 1.36
  • SAPUI5 Version 1.34
  • SAPUI5 Version 1.32
  • SAPUI5 Version 1.30
  • Latest SAPUI5 Version 1.86
  • SAPUI5 Version 1.84
  • SAPUI5 Version 1.82
  • SAPUI5 Version 1.80
  • SAPUI5 Version 1.78
  • SAPUI5 Version 1.76
  • SAPUI5 Version 1.74
  • SAPUI5 Version 1.72
  • SAPUI5 Version 1.70
  • SAPUI5 Version 1.68
  • SAPUI5 Version 1.66
  • SAPUI5 Version 1.64
  • SAPUI5 Version 1.62
  • SAPUI5 Version 1.60
  • SAPUI5 Version 1.58
  • SAPUI5 Version 1.56
  • SAPUI5 Version 1.54
  • SAPUI5 Version 1.52
  • SAPUI5 Version 1.50
  • SAPUI5 Version 1.48
  • SAPUI5 Version 1.46
  • SAPUI5 Version 1.44
  • SAPUI5 Version 1.42
  • SAPUI5 Version 1.40
  • SAPUI5 Version 1.38
  • SAPUI5 Version 1.36
  • SAPUI5 Version 1.34
  • SAPUI5 Version 1.32
  • SAPUI5 Version 1.30

Date/Time Input

sap.m.DateTimeInput

© 2021 SAP SE. All rights reserved.
  • Privacy
  • Legal Disclosure
  • Copyright
  • Terms of Use
  • Go.SAP.com
  • SAP Community Network
We'd appreciate your feedback!

Processing your feedback

Thank you Your feedback has been sent to the SAP Fiori design team.

Thank you for your helping us to improve our guidelines!

 
We'd appreciate your feedback!
Please fill out the form to send us your feedback.
    • Can you tell us why?
Skip to toolbar
  • Log In
  • Edit Article