NCalendar bugs ios

[marbelsy]

As mentioned in discord there a few bugs with the implementation on iOS when using horizontal orientation.

1. the header is cut off
2. when using scrollToDate the firstDayOfWeek is ignored
3. when setting :selectedDates on NCalendar it does not seem to have an effect, no matter the selectionMode

[NathanWalker]

Thank you for reporting @marbelsy - if you try 1.0.1 now should be resolved. Let me know otherwise!

[marbelsy]

@NathanWalker sadly not completely
This is the base layout i tested with

`

  <NCalendar selectionMode="range"
             :firstDayOfWeek="2"
             @loaded="setCalendarRef"
             orientation="horizontal"
             :scrollPaged="true"
             class="ncalendar"

  >
  </NCalendar>

</GridLayout>

<script> export default { name: "NCalendarTester", data() { return { calendarRef: null, pagingEnabled: true, dates: [new Date('2026-03-16')] } }, mounted() { }, methods: { setCalendarRef(args) { this.calendarRef = args.object setTimeout(() => { this.calendarRef.scrollToDate(new Date(), false) }, 2000) } } } </script> <style scoped> .ncalendar { today-background-color: red; } </style>`

:firstDayOfWeek="2" works when loading in.
when this.calendarRef.scrollToDate(new Date(), false) triggers it default to sunday as the first day

Also:
also: how can i use selectedDates?

`<NCalendar selectionMode="range"
:firstDayOfWeek="2"
@loaded="setCalendarRef"
orientation="horizontal"
:scrollPaged="true"
class="ncalendar"
:selectedDates="dates"

  >
  </NCalendar>`

where dates is dates: ['2026-03-16'] or dates: [new Date('2026-03-16')] and it didnt work (as in nothing was selected)

[NathanWalker]

Ok @marbelsy I setup an isolated Vue 3 demo to focus down on your setup and just published 1.0.2 which should resolve it all.

Please let me know if clear on your end and can also refer to the demo I setup around this here:
https://github.com/NathanWalker/vuecal

[marbelsy]

@NathanWalker that solved that issues.
However, I have 1 more sadly.
when using @dayRender on ios i get no callback.

And i have 1 or 2 feature reuqests:
I know over @dayRender you can disabled dates.
But would it be possible to add two properties called
disabledDates and disabledWeekdays ?
So we can pass in an array of dates (that disable the dates) and/or an array of integers (which disable the weekdays)?

[marbelsy]

Were you able to look into it?
@dayrender would be sufficient ;)