How to customize the widget look?
Navigate to Bird App Settings > Widget Design to change the background color, and click on the color palette as shown below.

Select the day from which you want to start a week, Monday or Sunday, as shown below.

Set the default delivery method as shown below.

If you want to keep the collapsible calendar, keep the checkbox enabled as shown below.

Result

You can style the Delivery Method

Result:

You can style the Calendar

Result:

You can style the Input Field

Result:

You can style the Widget header, footer and error

Result:

You can style the Pickup location styles

Result:

You can enter you own custom CSS


Select the day from which you want to start a week, Monday or Sunday, as shown below.

Set the default delivery method as shown below.

If you want to keep the collapsible calendar, keep the checkbox enabled as shown below.

Result

What else can you style?
You can style the Delivery Method

Result:

You can style the Calendar

Result:

You can style the Input Field

Result:

You can style the Widget header, footer and error

Result:

You can style the Pickup location styles

Result:

You can enter you own custom CSS

Updated on: 02/09/2025
Thank you!