Use new JSX transform in all sample and test suites

sample/Sample.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import DateTimeRangePicker from '@wojtekmaj/react-datetimerange-picker';
 
 import './Sample.css';

sample/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';

sample/tsconfig.json

@@ -3,7 +3,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "isolatedModules": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "moduleResolution": "node",
     "noUncheckedIndexedAccess": true,
     "outDir": "dist",

test/MaxDetailOptions.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type { Detail } from './shared/types.js';
 
 const allViews = ['hour', 'minute', 'second'] as const;

test/ValidityOptions.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { getISOLocalDate } from '@wojtekmaj/date-utils';
 
 type ValidityOptionsProps = {

test/ValueOptions.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { getISOLocalDateTime } from '@wojtekmaj/date-utils';
 
 import type { LooseValue } from './shared/types.js';

test/ViewOptions.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type ViewOptionsProps = {
   disabled: boolean;
   renderInPortal: boolean;

test/tsconfig.json

@@ -3,7 +3,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "isolatedModules": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "moduleResolution": "node",
     "noUncheckedIndexedAccess": true,
     "outDir": "dist",