Leopard Chat Client
  • Quick Start
  • Screenshots
  • Setup
    • Extension Helper
    • Context Variables
      • Greeting Message
      • Channel
      • User's Time Zone
      • Location Context Parameters
    • Build Variables
  • Content Styling
    • CSS Styles
    • Icons
    • Markdown & HTML
  • Components Simple Syntax
  • Components
    • Answer Borders
    • Audio Player
    • Auto Open Leopard with Link
    • Alerts
    • Buttons and Lists
    • Card
    • Response Icons
    • Date & Time Pickers
    • Emergency Button
    • Expensive Operations
    • Field Masks
    • Chat Field Types (Email, Password, Location, Upload)
    • Forms
      • Feedback Form
      • Custom Forms
        • Example Config
        • Postback Object
        • Button Object
        • Field Types
        • Style Object
        • Icons Object
        • Masks
        • Validation
    • Google Map
    • Help Text
    • HTML Modal
    • Hyperlinks
    • Images
      • Image
      • Image Carousel
    • Tables
      • Tables - Simple
      • Tables - Advanced
    • Theme Change
    • Toasts
    • Language Auto Switch
    • Minimize Chat after Delay
    • Multiple Components - Same Response
    • Modal Size & Positioning
    • Open Long Response in Modal
    • Print Icon
    • Prompt Trigger Polling
    • Splitting Answers - Chunks
    • Video Player
  • Administration Area
    • Solution Configuration
    • Demo Mode - iFrames & URLs
    • ASR and TTS
  • Integrations
    • Logging / Reporting
    • Social Authentication
    • Live Chat
  • Embedding / Production
Powered by GitBook
On this page
  • Date Picker
  • Format
  • Screenshots
  • Output Parameter
  • Time Picker
  • Format
  • Screenshots
  • Output Parameter
  1. Components

Date & Time Pickers

These components capture user input. They are displayed inline as an icon within the chat message response. Clicking the icon opens up the full component in the middle of the page.

PreviousResponse IconsNextEmergency Button

Last updated 5 years ago

Date Picker

Format

If you need to capture a date you can present the option to display a date picker to the user. The format of the date is currently dd month yyyy

Screenshots

Output Parameter

Showing the Date Picker is an exception to using the ExtensionHelper. It doesn't rely on the Extension Helper.

datePicker = true

Time Picker

Format

The time picker uses a 24 hour format so a selection of 4am would be 04:00 and 4:35 pm would be 16:35

Screenshots

Output Parameter

Showing the Time Picker is an exception to using the ExtensionHelper. It doesn't reply on the Extension Helper.

timePicker = true

Date Format