Skip to content

Conversation

Pawel-dev5
Copy link

@Pawel-dev5 Pawel-dev5 commented Jun 13, 2025

In case of this info in docs: "NEW! While we still don't support multi marking type, we add the possibility to combine between period and dot."
I prepared basic day components on my needs and here is working version of multiDot with periods
HERE IS FINAL RESULT
image

Here is marking object example:
{ "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": true, "endingDate": false, "middleDate": false }
screen of markedDates item:
image

and example of full markedDates array:
{ "2025-05-14": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" } ], "selected": false, "selectedColor": "#2FB688", "counter": 1, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-15": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 8, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-16": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" }, { "key": "officeWork", "color": "#707070", "selectedDotColor": "#707070" } ], "selected": false, "selectedColor": "#2FB688", "counter": 4, "startingDate": true, "endingDate": false, "middleDate": false }, "2025-05-17": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" }, { "key": "officeWork", "color": "#707070", "selectedDotColor": "#707070" } ], "selected": false, "selectedColor": "#2FB688", "counter": 5, "startingDate": false, "endingDate": true, "middleDate": false }, "2025-05-18": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": true, "endingDate": true, "middleDate": false }, "2025-05-19": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 1, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-20": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 14, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-21": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 6, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-22": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 3, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-23": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 7, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-26": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-27": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 4, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-28": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 5, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-05-29": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": true, "endingDate": true, "middleDate": false }, "2025-05-30": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 14, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-03": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 1, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-04": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "officeWork", "color": "#707070", "selectedDotColor": "#707070" } ], "selected": false, "selectedColor": "#2FB688", "counter": 20, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-05": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "officeWork", "color": "#707070", "selectedDotColor": "#707070" } ], "selected": false, "selectedColor": "#2FB688", "counter": 29, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-06": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 17, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-07": { "dots": [ { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" }, { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 3, "startingDate": true, "endingDate": false, "middleDate": false }, "2025-06-08": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": true, "middleDate": false }, "2025-06-09": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "officeWork", "color": "#707070", "selectedDotColor": "#707070" } ], "selected": false, "selectedColor": "#2FB688", "counter": 3, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-10": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" } ], "selected": false, "selectedColor": "#2FB688", "counter": 1, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-11": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-12": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": false, "selectedColor": "#2FB688", "counter": 4, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-13": { "dots": [ { "key": "task", "color": "#F3C870", "selectedDotColor": "#F3C870" }, { "key": "meeting", "color": "#3F4B62", "selectedDotColor": "#3F4B62" } ], "selected": true, "selectedColor": "#2FB688", "counter": 6, "startingDate": false, "endingDate": false, "middleDate": false }, "2025-06-14": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": true, "endingDate": false, "middleDate": false }, "2025-06-15": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": true, "middleDate": false }, "2025-06-16": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": true, "endingDate": false, "middleDate": false }, "2025-06-17": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": false, "middleDate": true }, "2025-06-18": { "dots": [ { "key": "vacation", "color": "#5FA1B9", "selectedDotColor": "#5FA1B9" } ], "selected": false, "selectedColor": "#2FB688", "counter": 2, "startingDate": false, "endingDate": true, "middleDate": false } }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant