I am trying to re-create the functionality from Projectify <https://projectify.wiki/> which enables you to set a due date for a task by clicking a tag-pill style button. See here <https://projectify.wiki/demo.html#Buy%20milk> for a demo - you can click schedule and then the text of the button gets replaced with the scheduled date.
I have my code for the button (see below), but I need to create a tiddler containing a date-picker to be activated by the reveal widget. Unfortunately it seems that the date-picker plugin <http://kixam.github.io/TW5-datePicker/> doesn't work like this - it creates an icon for you to click, rather than just displaying the date-picker to use where you wish. I also tried copying some of the code from Projectify, but I ran into at least two problems: - The date-picker widget that Projectify has no way to change the field that stores the date, and I need to create two separate buttons (for due-date and threshold). - The styling got all messed up (see image). [image: date-picker .png] Anyway I'm wondering if there is any easy way to get what I want, or am I destined to have to play with javascript and css? <hr> *Here is the code I used for the button, if relevant. I was hoping to just be able to add a date-picker to the tiddler $:/si/entry-method/date-picker and then just transclude it in:* \define due-button() <span class="tc-tag-list-item"> <$vars stateTiddler=<<qualify "$:/state/due-button">> tag-value={{{ [{!!due}!is[blank]else[Schedule]] }}}> <$macrocall $name="tag-pill-body" tag=<<tag-value>> colour="#eee8d5" palette={{$:/palette}} element-tag="""$button""" element-attributes="""popup=<<stateTiddler>> tag='span'"""/> <$reveal state=<<stateTiddler>> type="popup" position="below" animate="no" class="tc-drop-down"> {{||$:/si/entry-method/date-picker}} </$reveal> </$vars> </span> \end <$list filter="[all[current]tag[Task]]"> <<due-button>> </$list> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/96430feb-83dd-47de-9f63-c59a2738cba8n%40googlegroups.com.
