Selectores de Fecha y Hora en React

En este tutorial vamos aprender como utilizar y agregar los date pickers de Material UI a nuestros proyectos en español.
🚀 Blog de Diseño Web:
www.falconmaste...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap 5:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
📄 Código del Proyecto: github.com/fal...
Material UI Pickers: material-ui-pi...
Paquete de NPM: www.npmjs.com/...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

[@FalconMasters]

Si te gusto no olvides darle manita arriba 👍 y suscribirte para mas tutoriales.

[@cristianmoreno4401]

el codigo ya no funciona?? veo que no esta en el github

[@venemexcoin4804]

Demasiado bueno, Gracias muy rápido el tutorial pero 100% eficaz, estamos como las telenovelas emocionados por ver el próximo capitulo, espero sea de React por que explicas muy bien. ligo por que sea uno de roles y permisos en react quien me apoya jajaja

[@janieljadilmedinagomez9418]

Wow! Carlos en cada videos muestras que nada es imposible, lo que imaginas puede ser programado.

[@ricardocastro8289]

Increible, increible como siempre siempre Carlos :D, de verdad cada video quedo asi :O, es fantastico tu manera de enseñar, algo que me gusta es el ritmo con el que typeas, me ayuda a concentrarme en cada video y sacarle el jugo a cada segundo de codigo, grande Falcon, muchas gracias

[@FalconMasters]

Muchas gracias Ricardo, aprecio mucho estos comentarios y como siempre es un gusto escuchar que mis videos sean de ayuda. Saludos!

[@MeguminBoch1997]

En realidad me impresionas en tus videos, gracias por impartir cursos

[@paulocornejo8203]

Excelente tutorial, justo necesitaba eso mismo para aplicarlo en una pagina web. Voy a estar aplicando lo visto. Muchas gracias. :) :)

[@SrCR4ZY]

Grande maestro!! Tus vídeos son los mejores y explicas muy bien.

[@FalconMasters]

Gracias!

[@yungarepa]

Este video de nuevo pero actualizado por favor

[@elchamomotomx]

verga eres mi héroe lo que necesitaba gracias Falcon

[@laratara5295]

Muy bueno el video, hubieras subido el repo del proyecto no solo la plantilla

[@FalconMasters]

Subí ambos, están en diferentes branches

[@wiki-SMART]

Gracias

[@imaikyi]

Muy Buen Video

[@FalconMasters]

Gracias!

[@nidaaldev]

Buen vídeo! Podrás mostrar tu setup??

[@alejandromartinezramirez3312]

Podrías hacer mas ejemplos de material ui como los proyectos de tus cursos, estaría genial.

[@Ojhernandez01]

Se pueden personalizar los estilos de los selectores?

[@nclenriquez]

Buen video, una pregunta, sabes como cambiar el idioma para ver los dias en español? gracias

[@jeancxd3]

Puedes hacer un video el cual las fechas del calendario se deshabiliten para cuando estén ya ocupadas

[@ramiromartinezjuarez8376]

Se ve genial !! Podrías hacer un video pero ahora para aplicaciones con php?

[@FalconMasters]

Con PHP seria similar, con javascript del lado del cliente tomas la fecha y se la pasas al servidor donde PHP la recibe. Pero esta interfaz que le muestras al usuario lo tienes que hacer del lado del cliente.

[@ramiromartinezjuarez8376]

@@FalconMasters Gracias bro intentaré hacerlo

[@pachcojoker]

gran video muchas gracias, disculpa existe una forma de editar la configuracion que viene por defecto en español? por ejemplo, que los meses inicien con mayúscula?

[@ronaldmorales6358]

Genial. Me ayudó. Sólo un detalle. Al parecer no se quitaron las vulnerabilidades.

[@FalconMasters]

Que extraño, el video lo acabo de grabar y como puedes ver si me las quito. Intenta de nuevo los comandos de fix

[@francomore1758]

Que buen video! estoy empezando, y mi duda es si puedo utilizar esto para crear un sistema de reserva de citas como para un salón de belleza o barbería por ejemplo

[@FalconMasters]

Gracias. Y claro, estos date pickers van geniales en ese tipo de sitios web

[@alexiscarreras8039]

Muy buena! Sabes si hay alguna forma que quede fijo el calendario? Sin que se abra/cierra desde el textfield. Muchas gracias

[@jessicagpeeliascastelo5292]

StaticDatePicker

[@FreddySenpai]

Amigo podrías hacer un ejemplo de como se podría implementar un "click derecho" customizado para distintos elementos de la web? 🥺 PD: Explicas muy bien, me gusta como haces los videos💓

[@VoceBR97]

@FalconMasters Qual a font-family, font-weight que você utiliza no seu VScode ? please

[@Rodrigo-os6md]

Alguno mas le paso que no le devuelve un objeto? PD excelente video carlos!

[@estebanpaez8865]

A la fecha de hoy tengo fallos, me aparece este error. Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality. Y no me retorna el json de Date seleccionado

[@juanandresaltamiranomarula6726]

Buen video, quisiera ocultar la parte de year del date picker, que no se le muestre al usuario, es posible?

[@robertomejia3124]

Algo similar, pero en VUE 3 ?

[@leonardoalarcon1290]

Alguien sabe como lograr traducir a español todo lo del componente e intentado de todo y no me funciona

[@NOELIAHIDALGOGARCIA-z4u]

El link de Material UI Pickers ahora es diferente :(

[@unargentinoquepiensa7428]

no tiens curso de react??

[@FalconMasters]

Si tengo: www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

[@jesusjuvinao8210]

El paquete pesa mucho... Es mejor hacerlo desde 0

[@yerkoala]

el link de material-ui me tira a una pagina de sonic ajjajajaj

[@fernandopoveda9861]

Esto buscaba, algo más preciso...encuentras muchos tutoriales con componentes básicos. Pero no un componente de uso real.

[@cristianmoreno4401]

npm i @material-ui/pickers con este comando sale este error, alguien sabe que quiere decir, no he podido encontrar respuesta npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: login@0.1.0 npm ERR! Found: react@18.0.0 npm ERR! node_modules/react npm ERR! react@"^18.0.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4 npm ERR! node_modules/@material-ui/core npm ERR! peer @material-ui/core@"^4.0.0" from @material-ui/pickers@3.3.10 npm ERR! node_modules/@material-ui/pickers npm ERR! @material-ui/pickers@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\fabia\AppData\Local pm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\fabia\AppData\Local pm-cache\_logs\2022-04-21T02_39_26_589Z-debug-0.log

[@fernandopiolimartinez4111]

a mi me pasó lo mismo!!!! Buaaaa!!!!!

[@luishp7372]

Creo que es debido a la version de React que estas utilizando

[@01235152]

"@material-ui/core": "4.11.4", "@material-ui/pickers": "^3.3.10", esta version me funciono me daba un error de alpha background styles