Spinner Doesn't Stay Open

Is there an elegant way to keep the spinner open until the user has clicked MM DD and YYYY? Or keep it open for a set amount of seconds?

Right now current functionality is: when a user scrolls/spins to the month, the picker closes immediately because I am hiding the picker after they set the value which is closing the picker after each input. If I don’t do this then the picker never closes and it is a bad user experience. Is there a timer or a good way to handle only closing the picker after the user has completed all field inputs?

const handleConfirm = (event, date) => {
       handleInput("birthday", date.toLocaleDateString("en-US"));
       hideDatePicker();
    };
 
     const hideDatePicker = () => {
        setShow(!show);
      };

        {show && (
              <DateTimePickerModal
                    testID="dateTimePicker"
                   value={new Date(birthday)}
                    mode="date"
                    display="spinner"
                    onChange={handleConfirm}
                    style={{
                      flex: 1,
                      backgroundColor: Colors.White,
                      marginLeft: -100,
                    }}
              />
        )}

[sumitsk1]

Is there an elegant way to keep the spinner open until the user has clicked MM DD and YYYY? Or keep it open for a set amount of seconds?

Right now current functionality is: when a user scrolls/spins to the month, the picker closes immediately because I am hiding the picker after they set the value which is closing the picker after each input. If I don’t do this then the picker never closes and it is a bad user experience. Is there a timer or a good way to handle only closing the picker after the user has completed all field inputs?

const handleConfirm = (event, date) => {
       handleInput("birthday", date.toLocaleDateString("en-US"));
       hideDatePicker();
    };
 
     const hideDatePicker = () => {
        setShow(!show);
      };

        {show && (
              <DateTimePickerModal
                    testID="dateTimePicker"
                   value={new Date(birthday)}
                    mode="date"
                    display="spinner"
                    onChange={handleConfirm}
                    style={{
                      flex: 1,
                      backgroundColor: Colors.White,
                      marginLeft: -100,
                    }}
              />
        )}

same issue!! Did you find any solution ??

[github-actions[bot]]

👋 @oporter1, thanks for opening the issue. The issue tracker is intended for tracking bug reports and feature requests only. Seems you have a usage question. Please ask the question on StackOverflow. You can also chat with other community members on Reactiflux Discord server.