Datum / Uhrzeit-Auswahl programmgesteuert in der Material-UI-Bibliothek öffnen

Ich mache ein Projekt, das React and Material Design verwendet. Ich würde gerne mit @ gehMaterial UI, da ich ausgefallene Dat- und Time Picker brauche, die diese Library als Komponente liefert.

Da ich Start- und Endzeiten sowie -Daten in einem bestimmten Schritt in der App festlegen muss, möchte ich von einem Picker zum nächsten "springen", um die Klicks zu verringern, die der Benutzer machen muss, d. H.

Klicken Sie auf "Startdatum" EingabefeldPicker öffnet sich, Datum wird ausgewähltDas Schließen des ersten Pickers sollte das @ öffnNächste Picker (Startzeit)Das Schließen öffnet den nächsten Picker (Enddatum)Das Schließen öffnet die nächste Auswahl (Endzeit)

Ich weiß, wie Funktionen für diese Ereignisse ausgelöst werden, aber ich kann die Picker nicht programmgesteuert öffnen.

Versuchte einen "schmutzigen Trick" mit jQuery (...). Click () oder .focus () auf dem jeweiligen Element, aber es hat nicht funktioniert ...

Irgendwelche Ideen

Vielen Dank im Voraus!

Antworten auf die Frage(2)

Ihre Antwort auf die Frage