Forum Discussion

owertz's avatar
owertz
Copper Contributor
Mar 22, 2023

Modify date format and remove picture in Birthdays web part

Introduction:

I am new to SharePoint development and node.js. I am trying to implement an employee birthday calendar on SharePoint using the web-part here https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-birthdays

 

I was able to successfully package and deploy the web part, however the date format is currently in a European format. Additionally, I don't want to display user's pictures in the web part and would like to remove the empty picture bubble.

 

I believe that the code that controls the date format is located in the SPService.ts file: https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/src/services/SPService.ts

Observed Behavior:

 

Developer Environment:

  • Target SharePoint Environment: SharePoint Online
  • Developer Environment: Windows 11
  • Browser: MS Edge, Google Chrome
  • Node.js Version: v14.21.3
  • SPFx Doctor results:

√ SharePoint Framework v1.14.0
√ Node v14.21.3
√ yo v4.3.1
√ gulp-cli v2.3.0
√ bundled typescript used

 

Would anyone have any advice/guidance on how to change the date format and remove the image?

 

No RepliesBe the first to reply

Resources