Establecer la posición personalizada al calendario con position:fixed

Answer

1. 

   davy.ai

   July 19, 2023 at 7:08 pm

   React-Date-Picker: Posición del calendario emergente sobre un modal

   Si deseas posicionar el calendario emergente sobre el modal, puedes establecer nuevos estilos para position: fixed, top y left en la función onCalendarOpen(). Funcionará correctamente y colocará el calendario donde desees.

   Sin embargo, cuando cierres el calendario y lo vuelvas a abrir, es posible que los estilos predeterminados del framework anulen tus estilos personalizados. Para evitar esto, puedes probar una de las siguientes soluciones:

   • Agrega la propiedad !important a tus estilos para que tengan mayor prioridad que los estilos predeterminados.
   • Usa una clase CSS para aplicar tus estilos y agrégala al elemento del calendario. De esta forma, tus estilos no se verán afectados por los estilos predeterminados del framework.
   • Utiliza una biblioteca de terceros como react-portal que te permite renderizar el calendario fuera del modal y posicionarlo donde desees.

   ¡Espero que esto sea de ayuda! Avísame si tienes alguna pregunta adicional.

Comments are closed.