Questions tagged [react-native-calendars]
128 questions
1
vote
0 answers
How to open/close ExpandableCalendar of react-native-calendars programmatically?
I want to open/close ExpandableCalendar programmatically. I found there's only an initialPosition prop. It's not working when changing initialPosition. So I tried to use ref and call setPosition() function of ExpandableCalendar
export const MyScreen…

Allen Shaw
- 1,164
- 7
- 23
1
vote
1 answer
How to properly map data?
I'm working on a calendar app, which has an Agenda from "react-native-calendars". To display dates it needs the following:
items={{'2012-05-22': [{name: 'item 1 - any js object'}], ...}}
In my firebase backend I'm storing the start and end day of…

CrypticalMindz
- 107
- 1
- 10
1
vote
1 answer
React Native Calendar - Agenda not updating even when state updates
Agenda doesn't update even when new data are added. Only when the app is reloaded it updates.
Here is my code:
const CalendarScreen = () => {
const list = useSelector((state) => state.getTodo.list);
const [items, setItems] = useState({});
const…

Cool Dunno
- 31
- 2
1
vote
0 answers
Customize event rendering in react-native-calendars?
I'm building an app and am using react-native-calendars. I'm wanting to add the event name and an image/icon to the event that spans across multiple days. Something similar to this:
How can I do this using react-native-calendars?

Dev01
- 13,292
- 19
- 70
- 124
1
vote
0 answers
Implement recuring dates in react native and firebase firestore
I use react native calendar wix and firebase firestore to save events from calendar.
I need to implement recurring dates (events repeat every Monday in the week).
There is package https://github.com/jakubroztocil/rrule.
If I understood correctly, I…

Ismeet
- 419
- 5
- 19
1
vote
1 answer
React native calendar
I am trying to implement react native calendar agenda with marked dates and items dynamically from Firebase. I am not sure how to create the array required for this display. Below code gets data from firebase but I need to display the same. Please…

Fast Source
- 131
- 1
- 3
- 10
1
vote
2 answers
Calendar marking react-native-calendars
How do I get new markings to show up when the user clicks a date? I'm sure I'm just missing some reference in documentation, but I would appreciate a pointer in the right direction.
I'm using the library react-native-calendars…

Qrow Saki
- 932
- 8
- 19
1
vote
0 answers
react-native-calendars Update CalanderList start month on state change
In the date picker below, selecting a date is not updating the calendar list start month. I'm trying to make it so that when you select a value on the date picker, the start month is updated.
Import Statements:
import {Calendar, CalendarList,…

Cirff
- 63
- 1
- 7
1
vote
1 answer
How to change moment config globally
i use react-native calendars which config the moment like so:
LocaleConfig.locales["he"] = {
monthNames: [
"ינואר",
"פברואר",
"מרץ",
"אפריל",
"מאי",
"יוני",
"יולי",
"אוגוסט",
"ספטמבר",
"אוקטובר",
…

Roei Grinshpan
- 395
- 1
- 5
- 19
1
vote
0 answers
How to add events to an in app calendar using React-Native-Calendar?
I have built an in app calendar using react-native calendar, and I want the user to be able to add or delete appointments to the calendar, but cannot figure this part out. The user will be allowed to schedule up to a week in advance. How should I go…

MK_Pierce
- 916
- 2
- 10
- 26
1
vote
1 answer
Is it possible to forward subtractMonth() function of react native calendars to a different component like a button?
I'm building a calendar page for an app and want the month and month change arrows to be displayed next to the calendar rather than on top of it. So I have removed the header component created a View component next to it. However I am unable to…

Sankomil
- 55
- 1
- 7
1
vote
2 answers
React Native change calendar height
I'm trying to make a page with a calendar and some other stuff under it. I'm using wix/react-native-calendars and I can't change the height of the calendar. When I put the height I'd like it to be it just cut the calendar instead.

Max
- 17
- 1
- 5
1
vote
0 answers
ExpendableCalendar is not expended on iOS, react native calendars
I have integrated ExpendableCalendar of react-native-calendars and it's expended and close properly on android but not working on iOS. It's not scrolling up or down on iOs.
This is the code I have added::

Archana Sharma
- 1,953
- 6
- 33
- 65
1
vote
2 answers
JSON value of type NSMutableArray cannot be converted to NSString
Description
I've just installed the module and implemented the sample example, in Android, it is working fine but I'm getting an issue on iOS. When I'm dismissing the error by clicking on Dismiss, it is working for me. I'm also attaching the sample…

yehia emad
- 11
- 1
- 6
1
vote
1 answer
How to set date on scrolling the Week Calendar in react-native-calendars package
I am trying to use WeekCalendar from react-native-calendars package. I am able to view the WeekCalendar and scroll it. However, I want that on horizontal scroll - the currentDate should be updated to date in that current week and should be updated…

j10
- 2,009
- 3
- 27
- 44