Custom Dropdown for Datepicker with Icon as Label

[fireside68]

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.

[kokolegorille]

Hello,

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

Connecting React with Phoenix

For future reference: $ mix phx.new react_demo --no-ecto * creating react_demo/config/config.exs ... * creating react_demo/assets/static/robots.txt Fetch and install dependencies? [Yn] Y * running mix deps.get * running cd assets && npm install && node node_modules/webpack/bin/webpack.js --mode development * running mix deps.compile We are almost there! The following steps are missing: $ cd react_demo Start your Phoenix app with: $ mix phx.server You can also run your app inside …

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