mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-04-03 09:35:11 +08:00
60f3b53cef
Summary: Related to #22100 Turn Flow strict mode on for DatePickerAndroid - [x] npm run prettier - [ ] npm run flow-check-ios - [ ] npm run flow-check-android This error was happend #22101 #22048 [GENERAL] [ENHANCEMENT] [Components/DatePickerAndroid/DatePickerAndroid.android.js] - Flow strict mode [GENERAL] [ENHANCEMENT] [Components/DatePickerAndroid/DatePickerAndroid.ios.js] - Flow strict mode Pull Request resolved: https://github.com/facebook/react-native/pull/22106 Reviewed By: TheSavior Differential Revision: D12919276 Pulled By: RSNara fbshipit-source-id: 79672b2894435ca3c9988fefee3685700a8d8936
110 lines
3.2 KiB
JavaScript
110 lines
3.2 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @flow strict-local
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const DatePickerModule = require('NativeModules').DatePickerAndroid;
|
|
|
|
type Options = $ReadOnly<{|
|
|
date?: ?(Date | number),
|
|
minDate?: ?(Date | number),
|
|
maxDate?: ?(Date | number),
|
|
mode?: ?('calender' | 'spinner' | 'default'),
|
|
|}>;
|
|
|
|
type DatePickerOpenAction =
|
|
| {|
|
|
action: 'dateSetAction',
|
|
year: number,
|
|
month: number,
|
|
day: number,
|
|
|}
|
|
| {|
|
|
action: 'dismissedAction',
|
|
year: typeof undefined,
|
|
month: typeof undefined,
|
|
day: typeof undefined,
|
|
|};
|
|
|
|
/**
|
|
* Convert a Date to a timestamp.
|
|
*/
|
|
function _toMillis(options: Options, key: string) {
|
|
const dateVal = options[key];
|
|
// Is it a Date object?
|
|
if (typeof dateVal === 'object' && typeof dateVal.getMonth === 'function') {
|
|
options[key] = dateVal.getTime();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Opens the standard Android date picker dialog.
|
|
*
|
|
* ### Example
|
|
*
|
|
* ```
|
|
* try {
|
|
* const {action, year, month, day} = await DatePickerAndroid.open({
|
|
* // Use `new Date()` for current date.
|
|
* // May 25 2020. Month 0 is January.
|
|
* date: new Date(2020, 4, 25)
|
|
* });
|
|
* if (action !== DatePickerAndroid.dismissedAction) {
|
|
* // Selected year, month (0-11), day
|
|
* }
|
|
* } catch ({code, message}) {
|
|
* console.warn('Cannot open date picker', message);
|
|
* }
|
|
* ```
|
|
*/
|
|
class DatePickerAndroid {
|
|
/**
|
|
* Opens the standard Android date picker dialog.
|
|
*
|
|
* The available keys for the `options` object are:
|
|
*
|
|
* - `date` (`Date` object or timestamp in milliseconds) - date to show by default
|
|
* - `minDate` (`Date` or timestamp in milliseconds) - minimum date that can be selected
|
|
* - `maxDate` (`Date` object or timestamp in milliseconds) - maximum date that can be selected
|
|
* - `mode` (`enum('calendar', 'spinner', 'default')`) - To set the date-picker mode to calendar/spinner/default
|
|
* - 'calendar': Show a date picker in calendar mode.
|
|
* - 'spinner': Show a date picker in spinner mode.
|
|
* - 'default': Show a default native date picker(spinner/calendar) based on android versions.
|
|
*
|
|
* Returns a Promise which will be invoked an object containing `action`, `year`, `month` (0-11),
|
|
* `day` if the user picked a date. If the user dismissed the dialog, the Promise will
|
|
* still be resolved with action being `DatePickerAndroid.dismissedAction` and all the other keys
|
|
* being undefined. **Always** check whether the `action` before reading the values.
|
|
*
|
|
* Note the native date picker dialog has some UI glitches on Android 4 and lower
|
|
* when using the `minDate` and `maxDate` options.
|
|
*/
|
|
static async open(options: Options): Promise<DatePickerOpenAction> {
|
|
const optionsMs = options;
|
|
if (optionsMs) {
|
|
_toMillis(options, 'date');
|
|
_toMillis(options, 'minDate');
|
|
_toMillis(options, 'maxDate');
|
|
}
|
|
return DatePickerModule.open(options);
|
|
}
|
|
|
|
/**
|
|
* A date has been selected.
|
|
*/
|
|
static dateSetAction = 'dateSetAction';
|
|
/**
|
|
* The dialog has been dismissed.
|
|
*/
|
|
static dismissedAction = 'dismissedAction';
|
|
}
|
|
|
|
module.exports = DatePickerAndroid;
|