@codeleap/mobile 3.14.0 → 3.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.14.0",
+  "version": "3.14.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/components/DatePickerModal/index.tsx

@@ -87,6 +87,7 @@ const defaultProps:Partial<DatePickerModalProps> = {
   commitDate: 'onConfirm',
   showDoneButton: true,
   isCustomModal: true,
+  toggleOnConfirm: true,
 }
 
 export const DatePickerModal = (props: DatePickerModalProps) => {
@@ -123,6 +124,8 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
     minimumDate,
     maximumDate,
     footerComponent,
+    toggleOnConfirm,
+    onConfirm: _onConfirm,
     ...modalProps
   } = allProps
 
@@ -153,14 +156,17 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
   const tempDate = useRef<Date|null>(null)
 
   const onConfirm = () => {
-
     if (commitDate == 'onConfirm' && !!tempDate.current) {
       setValue(tempDate.current)
     }
 
-    if (isCustomModal) {
+    if (isCustomModal && toggleOnConfirm) {
       toggle()
     }
+
+    if (TypeGuards.isFunction(_onConfirm)) {
+      _onConfirm?.(tempDate.current)
+    }
   }
 
   const modalFooter = footer || <Footer

package/src/components/DatePickerModal/types.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import { ComponentVariants, StylesOf, FormTypes } from '@codeleap/common'
+import { ComponentVariants, StylesOf, FormTypes, AnyFunction } from '@codeleap/common'
 import { DatePickerModalComposition, DatePickerModalPresets } from './styles'
 import { DatePickerProps } from 'react-native-date-picker'
 import { TextInputComposition } from '../TextInput'
@@ -55,4 +55,8 @@ export type DatePickerModalProps = Omit<ModalProps, 'styles' | 'variants' | 'ref
   minimumDate?: DatePickerProps['minimumDate']
 
   maximumDate?: DatePickerProps['maximumDate']
+
+  toggleOnConfirm?: boolean
+
+  onConfirm?: (value: Date) => void
 } & ComponentVariants<typeof DatePickerModalPresets>