Questions tagged [react-native-calendars]
128 questions
6
votes
1 answer
Not able to use react-native-calendars
error: bundling failed: Error: Unable to resolve module hoist-non-react-statics
from E:\DEVELOPMENTWORKSPACE\test\node_modules\react-native-calendars\src\expandableCalendar\asCalendarConsumer.js: Module hoist-non-react-statics does not exist in…
Ramana Sakhavarapu
- 132
- 7
4
votes
4 answers
React Native Calendars
Description
I just started using this component today, but the implementation doesn't seem to work the way the demo/examples/docs show.
Expected Behavior
I was expecting that the days from 2018-12-10 to 2018-12-15 would be filled up with the color…
António Faneca
- 41
- 1
- 2
3
votes
1 answer
react-native-calendars jump to a selected month
I'm using react-native-calendars.
I have a
glushkina1
- 164
- 2
- 15
3
votes
1 answer
Load JSON Data Items into React Native Calendar Agenda
I'm trying to load JSON Data into my Calendar Agenda but I'm not able to. There is not much documentation on how to load JSON into Agenda items by comparing them to dates either. Can someone please help me. This is my JSON Data.
I'm trying to Load…
slowjoe
- 55
- 6
3
votes
2 answers
React Native Calendar Period Marking with Full Round Corners
please refer to the below calendar image.
i used react-native-calendars npm library and now i want to achieve it as above.
please ignore the dots marking only consider start and end date with period marking
however i achieved only half cornered…
Vidurajith Darshana
- 388
- 5
- 15
3
votes
1 answer
Adding grid on react-native-calendars
I am using the react-native-calendars library in my app with a custom day component. Last thing to add is grid, I've tried to add a a border but the appearance is not ok: there's still a space between horizontal borders and the vertical borders…
ceessay
- 322
- 5
- 16
3
votes
1 answer
Agenda - dynamically change selected day
I'm having trouble to dynamically change the selected day. For example, I want to change selected day to today when leaving the screen; I don't want to have other selected day than today when leaving... How can I do that? I'm using the agenda.
Also,…
mkEagles
- 328
- 3
- 20
2
votes
1 answer
React Native Calendar
import React, { useState } from "react";
import { View, Text, SafeAreaView } from "react-native";
import { Calendar } from "react-native-calendars";
const Home = () => {
const [date, setDate] = useState("")
const…
user19534405
2
votes
0 answers
react-native-calendar: apply marking type period in custom day component
I need to override the day component because I want to use my own custom day component to the calendar. I need to achieve like below image but am unable to find a way to implement such a design using the custom day component.
if we don't override…
Binit Chandra Jha
- 251
- 2
- 9
2
votes
1 answer
React native calendar wix/react-native-calendars multi-dot not working
Hi I need to update the multi-dot on the calendar on monthly changes
It seems like it's only working on debug mode. The document says the marked date object is immutable. How do I refresh the calendar on new markedDates object
const [calenderDots,…
Sukesh
- 167
- 3
- 14
2
votes
1 answer
react-native-calendars - Agenda header alignment issue days not rendering properly on header
enter image description here
If I'm selecting the first month or last month from agenda the dates are not showing propely.
enter image description here
Neetu
- 21
- 4
2
votes
0 answers
react-native-calendars dynamically color dates based on information from API
I'm working on a project, which should include calendar and hourly list of reservations in each day. I'm stuck on a problem, where i need to set data from rest api in the markedDates object.
This is the object i get from api
{
…
Artūrs Cigelmans
- 103
- 2
- 9
2
votes
1 answer
React Native Calendar markedDates
In react native calendar there are markedDates which are providing the planned events. The code for a manual entry is following:
markedDates={{
'2012-05-16': {selected: true, marked: true, selectedColor: 'blue'},
'2012-05-17': {marked:…
Benjamin Müller
- 51
- 4
2
votes
0 answers
How to hide header value from react native calendar (expendable calendar) also how to add Knob in it
I have implemented ExpandableCalendar via react-native-calendars, now i needs to hide header title and Please help me to Knob on expandableCalender
Please help me.. Thanks in advance
Thakur Anil
- 79
- 7
2
votes
0 answers
How to select a range of dates on React Native Calendars
I'm using React Native Calender and the date is only selected if I press on it twice, but never on the first click. I also want to be able to use the period marking feature, but unsure how to implement startingDay and endDay into the array.
…
Kevvv
- 3,655
- 10
- 44
- 90