As it turned out, FluentUI DatePicker for React doesn't contain a built-in German localization. If you need one, you can use my version.

There's a small snippet to check if current user permissions are enough to save list items. It can be used in SPFX webparts with PNP JS.

Below you can find a small snippet to calculate the difference between 2 times in string format in TypeScript. If you use JavaScript, remove the types.

The code of the React component to scroll DIV content by axe X. It can be useful when you have a wide table and a narrow screen. Or a designer had a very cool idea of the interface.

In HTML tag 'input type = number' is not very user friendly. So, I always implement it as a text with transformation text to number.

If you want to customize the styles for filter panels in DataGrid from Material UI (MUI), you need to know, where it is. And only so. To update these styles you can only with the object properties.

Its's more and more complicated to find information about SharePoint. I don't really know why it's so. That's why I often write down the references and examples. Today I tried to remember how to create a SharePoint list with PNPJS and there's a parameter which template you will use.

If you use a Pro version of Material UI, then you have a tool, how to switch the cells in the DataGrid table. But if you work with a wide table and you just want to make it more comfortable to work with it, there are some tricks for that. The first thing is to 'freeze' the header, so user can collate the column and headers. All the Excel users like this function. And the second thing is to allow user scroll the page if he has a small resolution and he doesn't have touch screen.

Obviously, it's an ordinary case, when you get an array of objects and you need to create for the reply the array of other Objects, but you need to initialize it on load. For React developers it can be often used with useEffect or componentDidMount.

Obviously, true developers prefer to return the date in a digital format, for example, '24.01.2024', '24-01-2024' and various combinations of this. But customers often want to work with human dates. In this post you can find how to return the custom localized date and how to use it with a Fluent-UI component DatePicker.