Barber Shop Reservation - Copy this React, Tailwind Component to your project

Cuando abras el date o calendario q apearezca el date picker para q puedas seleccionar el día, mes o año. El carousel de días que no desborde de la card o formulario, es decir hacelo responsive para mobile. El color seleccionado hacelo más fuerte. Y en el dl seleccionado de horario cuando selecciones hace un efecto de vibración y cuando cambies de ja ratio hace ese efecto como que se mueve al seleccionar, hacelo con framer motion ese efecto. Comportamiento del Selector de Horarios con Animación de Color y Vibración 1. Cambio de Color al Seleccionar un Horario: • Cuando el usuario selecciona un horario, este debe cambiar de color (por ejemplo, a un color destacado como azul o lila). • La transición del color debe ser suave y animada utilizando una librería como Framer Motion para agregar fluidez al cambio. 2. Efecto de Movimiento (Vibración) al Cambiar de Horario: • Al cambiar de un horario a otro, se debe aplicar un efecto de desplazamiento horizontal corto (izquierda-derecha-izquierda) simulando una vibración sutil. • Este efecto puede implementarse usando una animación de keyframes o Framer Motion con la propiedad x para crear un pequeño movimiento de ida y vuelta.