Custom Dropdown for Datepicker with Icon as Label

Good afternoon.

I am attempting to build a custom icon-based dropdown datepicker. The datepicker itself already exists, courtesy of Harmonium. My aim is to have an icon represent the datepicker; upon clicking, the actual datepicker appears, allowing the user to select a date. I assume the best way to implement this is via React, so I tagged react here as well. I am learning both languages as I go, so forgive me if I speak incorrectly about a thing. I legitimately don’t even know where to begin.


You might start by following this post to get Phoenix and React working together…

Then, it’s probably not much more than adding harmonium and start using there components.

Like running in the assets folder…

$ yarn add harmonium
# or
$ npm install --save harmonium