Customize date display formats to match regional conventions or application requirements. The picker supports common format patterns and locale-specific formatting.

Standard Date Formats

Common date format patterns

Live Demo

US format: Month/Day/Year

Code Examples
HTML 
 
 
JavaScript 
 
 
 
Details
 
Common Formats
 
  • MM/DD/YYYY - US format (12/31/2024)
    •  
  • DD/MM/YYYY - European format (31/12/2024)
    •  
  • YYYY-MM-DD - ISO format (2024-12-31)
    •  
  • DD.MM.YYYY - German format (31.12.2024)
 
Format Tokens
 
  • YYYY - 4-digit year (2024)
    •  
  • YY - 2-digit year (24)
    •  
  • MM - 2-digit month (01-12)
    •  
  • M - 1 or 2-digit month (1-12)
    •  
  • DD - 2-digit day (01-31)
    •  
  • D - 1 or 2-digit day (1-31)
 
Tip: Use single-digit tokens (M/D/YYYY) to allow flexible input like 1/5/2024 instead of requiring 01/05/2024
 
Separators
 
Use any separator: /, -, ., or space
 
Supported Formats
 
Only numeric date formats are currently supported
 
Live Demo
  
Note: Month names (MMMM/MMM) are not supported. Use numeric formats (MM/DD/YYYY)
 
Code Examples
 
HTML 
 
 
 
JavaScript 
 
 
 
Details
 
Current Limitations
 
Month names (MMMM/MMM) are NOT currently supported. The date picker only supports numeric formats at this time.
 
Supported Tokens
 
  • YYYY / YY - 4-digit or 2-digit year
    •  
  • MM / M - 2-digit or 1-digit month (01-12 or 1-12)
    •  
  • DD / D - 2-digit or 1-digit day (01-31 or 1-31)
 
Supported Separators
 
  • / - Slash (12/31/2024)
    •  
  • - - Hyphen (2024-12-31)
    •  
  • . - Period (31.12.2024)