fix sonar bugs

src/components/DatePicker.stories.tsx

@@ -124,7 +124,7 @@ export const DateOnly: Story = {
         type: 'date',
         label: 'Publish date',
     },
-    render: (args) => {
+    render: function DateOnlyRender(args) {
         const [value, setValue] = useState('2031-05-20');
         return (
             <DatePicker
@@ -144,7 +144,7 @@ export const DateTime: Story = {
         type: 'datetime-local',
         label: 'Schedule at',
     },
-    render: (args) => {
+    render: function DateTimeRender(args) {
         const [value, setValue] = useState('2031-05-20T14:30');
         return (
             <DatePicker
@@ -167,7 +167,7 @@ export const TimeOnlyInline: Story = {
         size: 'sm',
         rightIcon: <CalendarDaysIcon className="h-4 w-4 ui-body-secondary" />,
     },
-    render: (args) => {
+    render: function TimeOnlyInlineRender(args) {
         const [value, setValue] = useState('09:00');
         return (
             <DatePicker
@@ -182,7 +182,8 @@ export const TimeOnlyInline: Story = {
     },
 };
 
-export const Error: Story = {
+export const ErrorState: Story = {
+    name: 'Error',
     args: {
         type: 'datetime-local',
         label: 'Schedule at',
@@ -205,7 +206,7 @@ export const SizeMatrix: Story = {
         type: 'datetime-local',
         label: 'Schedule at',
     },
-    render: (args) => {
+    render: function SizeMatrixRender(args) {
         const [value, setValue] = useState('2031-05-20T14:30');
         return (
             <div className="grid grid-cols-1 gap-3">