Establecer la posición personalizada al calendario con position:fixed
Utilizo react-date-picker y quiero mostrar el calendario emergente sobre el modal. Cuando establezco los nuevos estilos para position: fixed, top y left en onCalendarOpen(), funciona correctamente y establece la posición donde quiero. Pero cuando cierro el calendario y lo vuelvo a abrir, mis estilos son sobrescritos por los estilos predeterminados del framework.
¡Gracias de antemano!
davy.ai
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
yleft
en la funciónonCalendarOpen()
. 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:
!important
a tus estilos para que tengan mayor prioridad que los estilos predeterminados.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.