sergiodt
/
vn-verdnaturachat
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FIX] UiKit/DatePicker is broken (#4607) 

* [FIX] UiKit/DatePicker is broken

* minor tweak
This commit is contained in:
Reinaldo Neto 2022-10-21 13:52:12 -03:00 committed by GitHub
parent 16e11c7304
commit ec03f49b2d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/containers/UIKit/DatePicker.tsx
View File

@ -1,5 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native'; import { StyleSheet, Text, unstable_batchedUpdates, View } from 'react-native';
import DateTimePicker, { Event } from '@react-native-community/datetimepicker'; import DateTimePicker, { Event } from '@react-native-community/datetimepicker';
import Touchable from 'react-native-platform-touchable'; import Touchable from 'react-native-platform-touchable';
import { BlockContext } from '@rocket.chat/ui-kit'; import { BlockContext } from '@rocket.chat/ui-kit';
@ -48,11 +48,15 @@ export const DatePicker = ({ element, language, action, context, loading, value,
// timestamp as number exists in Event // timestamp as number exists in Event
// @ts-ignore // @ts-ignore
const onChange = ({ nativeEvent: { timestamp } }: Event, date?: Date) => { const onChange = ({ nativeEvent: { timestamp } }: Event, date?: Date) => {
const newDate = date || new Date(timestamp); if (date || timestamp) {
onChangeDate(newDate); const newDate = date || new Date(timestamp);
action({ value: moment(newDate).format('YYYY-MM-DD') }); unstable_batchedUpdates(() => {
if (isAndroid) { onChangeDate(newDate);
onShow(false); if (isAndroid) {
onShow(false);
}
});
action({ value: moment(newDate).format('YYYY-MM-DD') });
} }
}; };
@ -85,7 +89,13 @@ export const DatePicker = ({ element, language, action, context, loading, value,
} }
const content = show ? ( const content = show ? (
<DateTimePicker mode='date' display='default' value={currentDate} onChange={onChange} textColor={themes[theme].titleText} /> <DateTimePicker
mode='date'
display={isAndroid ? 'default' : 'inline'}
value={currentDate}
onChange={onChange}
textColor={themes[theme].titleText}
/>
) : null; ) : null;
return ( return (