function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
fiona gentryfiona gentry 

How To build LWC component Interactive calendar to display products from Salesforce

Dear gurus,

I need  To build LWC component Interactive calendar to display products from Salesforce

Below is base query :-
[SELECT Id,Name,Calendar_Start_Date_Time__c,Calendar_End_Date_Time__c,Description,Topics__c from Product2];
Now i want below things:-
  • Ability to search the Calendar when i type a text say "Mass Communication training" on text box then calendar date should get displayed
  • Ability to filter the calenda i.e. Filters shuld be defined by the values returned in query's Topics__c
  • Ability for on click function when user clicks on event. then Display a modal based on product id,below is the example of final results
User-added image

Appreciate the help,thanks in advance

Fiona

 
Best Answer chosen by fiona gentry
PriyaPriya (Salesforce Developers) 
Hi Fiona,
 

Check below example that matches your requirement :- 

https://www.sfdcpanther.com/full-calendar-js-in-lightning-web-component/

Please mark it as the Best Answer so that it can help others in the future.

Regards,

Priya Ranjan