Configuro el botón para que muestre el calendario y cuando presiono este botón y selecciono una fecha, esto se muestra en la franja del calendario ubicada en la parte superior. el problema es que el estilo cambia solo para la fecha preseleccionada y cuando selecciono la nueva fecha el estilo no funciona.

este es mi código:

 <CalendarStrip scrollable style={{ height: 70, paddingBottom: 10 }} calendarColor={'#4caf50'} selectedDate={new Date(date)} calendarHeaderStyle={{ display: "none" }} iconStyle={{ display: "none" }} highlightDateNameStyle={{ color: 'black', position: "absolute", bottom: 10, color: 'green', backgroundColor: "white" }} highlightDateNumberStyle={{ color: 'green', padding: 10, borderRadius: 6, backgroundColor: "white" }} dateNumberStyle={{ color: 'white', borderRadius: 6, }} dateNameStyle={{ color: 'white', position: "absolute", bottom: 0.5 }} iconContainer={{ flex: 0.1 }} /> {show && ( <DateTimePicker testID="dateTimePicker" value={new Date()} mode={mode} is24Hour={true} display="default" onChange={onChange} /> )}