# Date countdown bar

De *date countdown bar* is een dynamisch element wat je laat aftellen tot een bepaalde datum. Je kan het bericht die verschijnt in het balk instellen voor en na de gekozen datum. 

![Voorbeeld countdown bar](https://lh6.googleusercontent.com/DitdIpMFuIC178AjfrWxF5AQg9lKUOpvvtzyA56CM0RWRUxZTMuv5lJsrY8fw-TUhQ3Zqpz4eRW-hLzIK7omRX-9nWLVJ7q_43P60PWY21kd78nNDsx-vRcF4fy6UKOhbd_2vHW6)

## Configuratie-opties

### General

* *Date:* selecteer een dag op de kalender naar waar je aftelt. 
* *Text to show before the set date has passed:* De tekst die in de balk verschijnt als de datum nog niet voorbij is. Bijvoorbeeld: 'Plannen indienen kan t/m 3 juli  5️⃣5️⃣ dagen '
* *Text to show after the set date has passed:* De tekst die in de balk verschijnt als de datum voorbij is. Bijvoorbeeld: 'Plannen indienen kon t/m 3 juli 0️⃣ dagen'.

### Styling 

* Styles for the container: Deze module beschikt over de standaard CSS styling mogelijkheden, zie [styles for the container.](https://docs.openstad.org/openstad/manual/miscellaneous/styles-for-the-container)