meditmoblibrary/src/ADFComponents/CDateTime/CDateTime.js

MedIT ADF Mobile Library

import React, { useState } from 'react'
import { StyleSheet, View } from 'react-native'
import DatePicker from 'react-native-datepicker'
import moment from 'moment'

const CDateTime = ({ onChange }) => {
  const [date, setDate] = useState()

  const handleConfirm = (date) => {
    setDate(date)
    onChange(moment(date).format('yyyy-MM-DD'))
  }

  return (
    <>
      <View>
        <DatePicker
          style={{
            width: '100%',
          }}
          date={date}
          mode='date'
          placeholder='Select Date'
          format='DD-MMM-YYYY'
          showIcon={false}
          confirmBtnText='Confirm'
          cancelBtnText='Cancel'
          customStyles={{
            dateInput: { ...styles.container },
          }}
          onDateChange={handleConfirm}
        />
      </View>
    </>
  )
}

export default CDateTime

const styles = StyleSheet.create({
  container: {
    height: 45,
    width: '100%',
    backgroundColor: 'white',
    borderWidth: 1,
    borderRadius: 5,
    borderColor: '#C3D0E3',
    justifyContent: 'center',
  },
})