Merge branch 'apache:master' into ATLAS-5049

Author: Brijesh619

addons/hive-bridge/src/main/java/org/apache/atlas/hive/bridge/HiveMetaStoreBridge.java

@@ -711,7 +711,10 @@ private AtlasEntityWithExtInfo toTableEntity(AtlasEntity database, Table hiveTab
     private AtlasEntityWithExtInfo toTableEntity(AtlasEntity database, final Table hiveTable, AtlasEntityWithExtInfo table) throws AtlasHookException {
         if (table == null) {
             table = new AtlasEntityWithExtInfo(new AtlasEntity(HiveDataTypes.HIVE_TABLE.getName()));
+        } else if (table.getEntity().getAttribute(ATTRIBUTE_NAME) == null) {
+            table.getEntity().setAttribute(ATTRIBUTE_NAME, hiveTable.getTableName().toLowerCase());
         }
+        table.getEntity().setIsIncomplete(false);
 
         AtlasEntity tableEntity        = table.getEntity();
         String      tableQualifiedName = getTableQualifiedName(metadataNamespace, hiveTable);

dashboard/package-lock.json

@@ -17,7 +17,6 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.13",
     "@mui/material": "^5.15.13",
-    "@mui/x-date-pickers": "^7.16.0",
     "@mui/x-tree-view": "^7.0.0",
     "@react-querybuilder/material": "^8.0.0",
     "@reduxjs/toolkit": "^2.2.6",
@@ -35,7 +34,7 @@
     "moment-timezone": "^0.5.45",
     "platform": "^1.3.4",
     "react": "^18.3.1",
-    "react-datepicker": "^7.5.0",
+    "react-datepicker": "^8.4.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.53.0",

dashboard/package.json

@@ -0,0 +1,41 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import CustomHeader from "./CustomHeader";
+
+const CustomDatepicker = (props: {
+  [x: string]: any;
+  selected?: any;
+  onChange?: any;
+}) => {
+  const { selected, onChange, ...rest } = props;
+
+  return (
+    <DatePicker
+      selected={selected}
+      onChange={onChange}
+      timeInputLabel=""
+      renderCustomHeader={(headerProps) => <CustomHeader {...headerProps} />}
+      dateFormat="MM/dd/yyyy h:mm:ss aa"
+      {...rest}
+    />
+  );
+};
+
+export default CustomDatepicker;

dashboard/src/components/DatePicker/CustomDatePicker.tsx

@@ -0,0 +1,118 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { FormControl, IconButton, NativeSelect, Stack } from "@mui/material";
+import { getYear, getMonth } from "date-fns";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+
+const years = Array.from(
+  { length: 100 },
+  (_, i) => new Date().getFullYear() - 50 + i
+);
+const months = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+
+type CustomHeaderProps = {
+  date: Date;
+  changeYear: (year: number) => void;
+  changeMonth: (month: number) => void;
+  decreaseMonth: () => void;
+  increaseMonth: () => void;
+  prevMonthButtonDisabled: boolean;
+  nextMonthButtonDisabled: boolean;
+};
+
+const CustomHeader = ({
+  date,
+  changeYear,
+  changeMonth,
+  decreaseMonth,
+  increaseMonth,
+  prevMonthButtonDisabled,
+  nextMonthButtonDisabled
+}: CustomHeaderProps) => {
+  return (
+    <Stack
+      direction="row"
+      spacing={1}
+      alignItems="center"
+      justifyContent="center"
+      sx={{ margin: 1 }}
+    >
+      <IconButton
+        size="small"
+        onClick={decreaseMonth}
+        disabled={prevMonthButtonDisabled}
+      >
+        <ArrowBackIosIcon fontSize="inherit" />
+      </IconButton>
+      <Stack minWidth={"60px"}>
+        <FormControl fullWidth>
+          <NativeSelect
+            value={getYear(date)}
+            onChange={({ target: { value } }) => changeYear(parseInt(value))}
+          >
+            {" "}
+            {years.map((year) => (
+              <option className="text-center" key={year} value={year}>
+                {year}
+              </option>
+            ))}
+          </NativeSelect>
+        </FormControl>
+      </Stack>
+
+      <FormControl fullWidth>
+        <NativeSelect
+          value={months[getMonth(date)]}
+          onChange={({ target: { value } }) =>
+            changeMonth(months.indexOf(value))
+          }
+        >
+          {months.map((month) => (
+            <option className="text-center" key={month} value={month}>
+              {month}
+            </option>
+          ))}
+        </NativeSelect>
+      </FormControl>
+
+      <IconButton
+        size="small"
+        onClick={increaseMonth}
+        disabled={nextMonthButtonDisabled}
+      >
+        <ArrowForwardIosIcon fontSize="inherit" />
+      </IconButton>
+    </Stack>
+  );
+};
+
+export default CustomHeader;

dashboard/src/components/DatePicker/CustomHeader.tsx

@@ -21,7 +21,7 @@ import { Controller } from "react-hook-form";
 import { LightTooltip } from "@components/muiComponents";
 import moment from "moment-timezone";
 import { useEffect, useState } from "react";
-import DatePicker from "react-datepicker";
+import CustomDatepicker from "@components/DatePicker/CustomDatePicker";
 
 const FormDatepicker = ({ data, control, fieldName }: any) => {
   const { name, isOptional, typeName } = data;
@@ -71,17 +71,15 @@ const FormDatepicker = ({ data, control, fieldName }: any) => {
               </LightTooltip>
             </div>
             <div className="w-100">
-              <DatePicker
+              <CustomDatepicker
                 showPopperArrow={false}
                 popperProps={{ strategy: "fixed" }}
-                showYearDropdown
-                showMonthDropdown
                 selected={
                   value && moment(value).isValid()
                     ? moment(value).toDate()
                     : moment().toDate()
                 }
-                onChange={(date) => {
+                onChange={(date: { getTime: () => any }) => {
                   onChange(date ? date.getTime() : null);
                 }}
                 ref={ref}