# Made in Compose: Airbnb Month Picker Dial

DevFeed: [Made in Compose: Airbnb Month Picker Dial](<https://devfeed.tech/articles/made-in-compose-airbnb-month-picker-dial-25790.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/made-in-compose-airbnb-month-picker-dial/>)

Author: sinasamaki

Published: 2026-04-17T12:55:42Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [compose](<https://devfeed.tech/tags/compose.md>), [customization](<https://devfeed.tech/tags/customization.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [render](<https://devfeed.tech/tags/render.md>), [rotation](<https://devfeed.tech/tags/rotation.md>)

## AI overview

A tutorial on recreating Airbnb's month-duration dial picker in Jetpack Compose using the ChromaDial library. It covers configuring a 12-month range, mapping values around a 330-degree sweep, styling the thumb, rendering the inactive track with Canvas, and creating a rounded active arc track.

## Source excerpt

How to create a gorgeous Dial in Jetpack Compose