📲
HC Mobile App UI Docs
  • Introduction
  • Foundations
    • Colors
    • Icons
    • Layout Primitives
    • Theming
  • Typography
    • Heading
    • Text
    • Custom Fonts
  • Components
    • Accordion
    • Avatar
    • Bottom Sheet
    • Button
    • Button Group
    • Card List
    • Card List Item
    • Checkbox
    • Chip
    • Date Picker
    • Divider
    • Expandable Card
    • Floater
    • Horizontal List
    • Icon
    • Icon Toggle
    • Link
    • List Header
    • Lower Prompt
    • Nestable List
    • Pill Toggle
    • Radio
    • Select Picker
    • Selectable List
    • Text Input
    • Tiles
  • Utilities
    • Device Utilities
    • Layout Utilities
  • Resources
    • Issues
    • Changelog
    • GitHub
Powered by GitBook
On this page
  1. Components

Date Picker

PreviousChipNextDivider

Last updated 3 years ago

CtrlK
  • Installation
  • Example
  • Props

MAU uses the RNC DatePicker. See: @react-native-community/datetimepicker

Installation

import { DatePicker, DatePickerProps } from 'hc-mobile-app-ui';

Example

Props

In addition to the props listed at: https://github.com/react-native-datetimepicker/datetimepicker#props

Name
Type
Description

onDateChange

function

Function to be called when date is selected.

customDateFormatter

function

Optional function to format the date.

label

string

Label for the date picker.

selectedDate

Date

Currently selected value for the date picker.