Sei que o foco do curso está no Chrome porém resolvi fazer alguns testes e brincar com algumas coisas diferentes e me deparei com um problema.
O codigo funciona pra Chrome mas não no Safari, depois de alguns testes notei que o seletor CSS não traz a informação de data. Esse campo retorna como inválido. O seletor CSS pra data não funciona no Safari?
Segue um video mostrando o problema que tive (coloquei no YT como unlisted pra facilitar visualiacao, até pq aqui não vejo opcao pra anexar video):
https://www.youtube.com/watch?v=Iw2weyPjeMY
No vídeo mostro que não tenho nenhum erro de compilação, e pesquisando achei algumas infos.. no Reddit achei um "workaround":
https://stackoverflow.com/questions/35682138/html5-date-picker-doesnt-show-on-safari
".. only workaround that I know of is to provide a placeholder="yyyy-mm-dd" attribute on the input tag, which safari / IE should use .."
