React-native-calendars: Display dots in custom markingType

[slecorvaisier]

Description

in order to add a border to some dates, I switched markingType to custom. However, I still need the dots to be displayed when the day has marked: true.

I tried to bring them back by modifying the day customStyle or the calendar theme via stylesheet.day.single, but nothing seems to do the job.

Is there any way to display the dots while working with a custom style ?

'2018-07-16': {
  customStyles: {
    container: {
      borderWidth: 2,
      borderColor: 'black',
      backgroundColor: 'green',
      justifyContent: 'center',
    },
    text: {
      marginTop: 0,
    },
  },
  selected: true,
  marked: true,
 },
 '2018-07-17': { selected: true, selectedColor: 'green', marked: true },

[elanpang]

same issue :(

[vanessaleo]

Hi, have you got any news about it?

[ODINA101]

same :(

[slecorvaisier]

Hi all, it's been a while but here is what I found:
Unfortunatelly the dots cannot be displayed in the custom mode. There is simply no code to handle it in its file:
https://github.com/wix/react-native-calendars/blob/master/src/calendar/day/custom/index.js

For anyone willing to do his own implementation, a good start can be found in the basic mode:
https://github.com/wix/react-native-calendars/blob/55df6f1bde62cb25327648c25d6cd5d0e228684c/src/calendar/day/basic/index.js#L55

[quanru]

+1

[Maddumage]

Same issue here...

[geetesh-gupta]

Same issue here... Please add this ability asap.

[monspo1]

Hi guys,

I recently started to understand the entire codes & currently work on displaying dots in the custom mode for the purpose of my own project (I'm still learning so the code is not optimized yet, but it works to show dots).

This is one of my objects in the markedDates while others files also are edited.

I plan to push to my forked repo within a couple of weeks.

Also, I'm also planning to add a feature of selectively displaying a limit number when there are lots of dots (but still can choose to display all dots under the selected day). In this image below, for example, when there are 8 dots, a developer can choose to display all dots or show the text 3+. 3 is the chosen limit number with multiDotLimit={{ limit: 3, type: 'number'}}

This is currently done in the basic mode. The original idea of this feature is from the fork by @peteroid (Thanks for your fork which is great!!)

[marcelochb]

Hi guys,

I recently started to understand the entire codes & currently work on displaying dots in the custom mode for the purpose of my own project (I'm still learning so the code is not optimized yet, but it works to show dots).

This is one of my objects in the markedDates while others files also are edited.

I plan to push to my forked repo within a couple of weeks.

Also, I'm also planning to add a feature of selectively displaying a limit number when there are lots of dots (but still can choose to display all dots under the selected day). In this image below, for example, when there are 8 dots, a developer can choose to display all dots or show the text 3+. 3 is the chosen limit number with multiDotLimit={{ limit: 3, type: 'number'}}

This is currently done in the basic mode. The original idea of this feature is from the fork by @peteroid (Thanks for your fork which is great!!)

Hi, do you know when it will be working? (dots in custom markingType)

thanks.

[gcrev93]

Has there been any updates on the dots?

This feature is seriously needed

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[imhashir]

Any updates on this issue? Need this for my use case.

[apsampaio]

+1