Відео

❤️

Sorry for that I will change music asap..

Yes brother 💯

🙌😎😎

github.com/amolkapadi/animatedcardhtmlcss

Please checkout link

Yes bro I have plan to upload video with voice ...

Golmaal returns

Sounds good bro...✨

Yes brother

Sure how can I help you

You can help me by telling me that should I learn web development or not Is it best field for starting in 2024( August)

​@@MuhammadFaraz-m9y if you have an interest in web development you should really work for it. Web development is worth learning The future is all about coding. This is golden time for you to pick up the best skill for your future.

Thank you brother ✨

Please subscribe my channel..💥

🤣🤣🤣 thanks for suggestion

🥳

github.com/amolkapadi/React-big-calender-event-app/tree/main

Please check out the GitHub link and download the complete code with CRUD App ...

@@thewebdesigner thank you very much.

Yup... Please subscribe channel ✨🙌💯

@@thewebdesigner yes, UA-cam and github.

github.com/amolkapadi/React-big-calender-event-app/tree/main

🥰

github.com/amolkapadi/React-big-calender-event-app/tree/main

Please subscribe my channel ✨🥳

🙌

github.com/amolkapadi/Boilerplate-TaskManager-RN

Thank you so much.. please subscribe my channel 🥳🙌

github.com/amolkapadi/react-big-cal-crud-event

Go to play store and download vscode and screen recorder on mobile...

@@thewebdesigner i meant the code, I'm using select element but not getting this model kind of overlay

@haxer4283 www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

Nope it's library only work with Native app .

ua-cam.com/play/PLZdBNNxWmMHgZAaZW2nWcFPqpPoR8KukX.html&si=mkAiZWV1CPDJxMdo

For react or next

@@thewebdesigner for react , I read gifted chart also available for web development

Yes sure

@@thewebdesigner the problem is that when start date and end date is same then only events are displaying in week view otherwise not const calendarsWithDateObjects = res?.map((calendar) => { const startDate = formatDate(calendar?.start); const endDate = formatDate(calendar?.end); const startTimeFormatted = convertTo24HourFormat(calendar?.program_start_time); const endTimeFormatted = convertTo24HourFormat(calendar?.program_end_time); const startDateTime = `${startDate}T${startTimeFormatted}`; const endDateTime = `${endDate}T${endTimeFormatted}`; const startTimeDate = new Date(startDateTime); const endTimeDate = new Date(endDateTime); if (startDate && endDate) { // Split date components const startDateComponents = startDate.split('-').map(Number); // Convert date string to array of numbers const endDateComponents = endDate.split('-').map(Number); // Convert date string to array of numbers // Initialize time components (handle undefined case) let startTimeComponents = [0, 0]; if (startTimeFormatted) { startTimeComponents = startTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Initialize time components (handle undefined case) let endTimeComponents = [0, 0]; if (endTimeFormatted) { endTimeComponents = endTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Construct Date objects const startTimeDates = new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); const endTimeDates = new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ); console.log( 'startTimeDates', startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); // Output: Date object for the start date and time console.log(endTimeDates); // Output: Date object for the end date and time return { ...calendar, start: startDateTime ? new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ) : null, end: new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ), }; // return { // ...calendar, // start: new Date(2024, 7, 20, 2, 30,0), // end: new Date(2024, 9, 20, 3, 45,0), // }; } });

@@thewebdesigner the problem is that when start date and end date is same then only events are displaying in week view otherwise not const calendarsWithDateObjects = res?.map((calendar) => { const startDate = formatDate(calendar?.start); const endDate = formatDate(calendar?.end); const startTimeFormatted = convertTo24HourFormat(calendar?.program_start_time); const endTimeFormatted = convertTo24HourFormat(calendar?.program_end_time); const startDateTime = `${startDate}T${startTimeFormatted}`; const endDateTime = `${endDate}T${endTimeFormatted}`; const startTimeDate = new Date(startDateTime); const endTimeDate = new Date(endDateTime); if (startDate && endDate) { // Split date components const startDateComponents = startDate.split('-').map(Number); // Convert date string to array of numbers const endDateComponents = endDate.split('-').map(Number); // Convert date string to array of numbers // Initialize time components (handle undefined case) let startTimeComponents = [0, 0]; if (startTimeFormatted) { startTimeComponents = startTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Initialize time components (handle undefined case) let endTimeComponents = [0, 0]; if (endTimeFormatted) { endTimeComponents = endTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Construct Date objects const startTimeDates = new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); const endTimeDates = new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ); console.log( 'startTimeDates', startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); // Output: Date object for the start date and time console.log(endTimeDates); // Output: Date object for the end date and time return { ...calendar, start: startDateTime ? new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ) : null, end: new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ), }; // return { // ...calendar, // start: new Date(2024, 7, 20, 2, 30,0), // end: new Date(2024, 9, 20, 3, 45,0), // }; } });

@@thewebdesigner the problem is that when start date and end date is same then only events are displaying in week view otherwise not const calendarsWithDateObjects = res?.map((calendar) => { const startDate = formatDate(calendar?.start); const endDate = formatDate(calendar?.end); const startTimeFormatted = convertTo24HourFormat(calendar?.program_start_time); const endTimeFormatted = convertTo24HourFormat(calendar?.program_end_time); const startDateTime = `${startDate}T${startTimeFormatted}`; const endDateTime = `${endDate}T${endTimeFormatted}`; const startTimeDate = new Date(startDateTime); const endTimeDate = new Date(endDateTime); if (startDate && endDate) { // Split date components const startDateComponents = startDate.split('-').map(Number); // Convert date string to array of numbers const endDateComponents = endDate.split('-').map(Number); // Convert date string to array of numbers // Initialize time components (handle undefined case) let startTimeComponents = [0, 0]; if (startTimeFormatted) { startTimeComponents = startTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Initialize time components (handle undefined case) let endTimeComponents = [0, 0]; if (endTimeFormatted) { endTimeComponents = endTimeFormatted.split(':').map(Number); // Convert time string to array of numbers } // Construct Date objects const startTimeDates = new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); const endTimeDates = new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ); console.log( 'startTimeDates', startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ); // Output: Date object for the start date and time console.log(endTimeDates); // Output: Date object for the end date and time return { ...calendar, start: startDateTime ? new Date( startDateComponents[0], startDateComponents[1] - 1, startDateComponents[2], startTimeComponents[0], startTimeComponents[1], ) : null, end: new Date( endDateComponents[0], endDateComponents[1] - 1, endDateComponents[2], endTimeComponents[0], endTimeComponents[1], ), }; // return { // ...calendar, // start: new Date(2024, 7, 20, 2, 30,0), // end: new Date(2024, 9, 20, 3, 45,0), // }; } });

medium.com/@amolakapadi/react-native-carousel-with-react-native-snap-carousel-17eef107b27c

Please check this blog

Have you found any solutions, i have the same error too!

@MatiasOrlando-cz6fi medium.com/@amolakapadi/react-native-carousel-with-react-native-snap-carousel-17eef107b27c

@@thewebdesigner still the same error