Changed props for new Dropdown.

src/app/(main)/reports/[id]/FieldFilterForm.tsx

@@ -65,7 +65,7 @@ export default function FieldFilterForm({
               items={filters}
               value={filter}
               renderValue={renderFilterValue}
-              onChange={(key: any) => setFilter(key)}
+              onSelect={(key: any) => setFilter(key)}
             >
               {({ value, label }) => {
                 return <Item key={value}>{label}</Item>;
@@ -78,7 +78,7 @@ export default function FieldFilterForm({
             items={values}
             value={value}
             renderValue={renderValue}
-            onChange={(key: any) => setValue(key)}
+            onSelect={(key: any) => setValue(key)}
             style={{
               minWidth: '250px',
             }}

src/app/(main)/settings/profile/LanguageSetting.tsx

@@ -19,7 +19,7 @@ export function LanguageSetting() {
         items={options}
         value={locale}
         renderValue={renderValue}
-        onChange={saveLocale}
+        onSelect={saveLocale}
         menuProps={{ style: { height: 300, width: 300 } }}
       >
         {item => <Item key={item}>{languages[item].label}</Item>}

src/app/(main)/settings/profile/TimezoneSetting.tsx

@@ -16,7 +16,7 @@ export function TimezoneSetting() {
       <Dropdown
         items={options}
         value={timezone}
-        onChange={saveTimezone}
+        onSelect={saveTimezone}
         style={{ flex: 1 }}
         menuProps={{ style: { height: 300 } }}
       >

src/app/(main)/websites/[id]/WebsiteExpandedView.tsx

@@ -134,7 +134,7 @@ export default function WebsiteExpandedView({
           items={items}
           value={view}
           renderValue={renderValue}
-          onChange={handleChange}
+          onSelect={handleChange}
           alignment="end"
         >
           {({ key, label }) => <Item key={key}>{label}</Item>}

src/components/input/DateFilter.tsx

@@ -113,7 +113,7 @@ export function DateFilter({
         value={value}
         alignment={alignment}
         placeholder={formatMessage(labels.selectDate)}
-        onChange={key => handleChange(key as any)}
+        onSelect={key => handleChange(key as any)}
       >
         {({ label, value, divider }) => (
           <Item key={value} divider={divider}>

src/components/input/WebsiteSelect.tsx

@@ -27,7 +27,7 @@ export function WebsiteSelect({
       items={data?.data}
       value={websiteId}
       renderValue={renderValue}
-      onChange={onSelect}
+      onSelect={onSelect}
       alignment="end"
       placeholder={formatMessage(labels.selectWebsite)}
     >