I’m creating a custom date selection component that shows the next five weekdays (no Sundays). While I can build the UI and make selections as shown in the screenshot, I can’t get the data to save properly.
Based on the screenshot, I’ve created the weekday buttons (Mon-Sat) and a “Save Reminder” button. The interface displays correctly and I can select dates, but when I try to use Alpine.js’s bind method to save this data, it doesn’t connect to the database.
In the right panel of my screenshot, you can see I’ve tried adding instructions for binding the date to the “Reminder time” column and creating a row in the “ETAs” table. However, nothing gets saved when I click “Save Reminder.”
Since this is my first custom AI component, I’m unsure if I’ve missed a step in connecting the component to my database. Has anyone successfully implemented a similar date selector that properly saves selections?
Happy to share more information or the link to the custom component if that will help
Thanks in advance! I appreciate all the knowledge this community has shared with me so far. Hat-tip to @ThinhDinh for the Custom Code Component Help & the [Thinh’s Demo - Clock In & Clock Out] (Thinh's Demo - Clock In & Clock Out) demo.
