How to use the baseui/popover.PLACEMENT.bottomLeft function in baseui

},
            ":disabled": {
              backgroundColor: "transparent",
              color: grayDark,
            },
          },
        },
      },
    },
  },
}

export const datePickerOverrides = {
  Popover: {
    props: {
      placement: POPOVER_PLACEMENT.bottomLeft,
    },
  },
  CalendarContainer: {
    style: {
      fontSize: fontSizeSm,
    },
  },
  CalendarHeader: {
    style: {
      // Make header look nicer.
      backgroundColor: gray,
    },
  },
  MonthHeader: {
    style: {
      // Make header look nicer.

{format(row[2], 'yyyy-MM-dd h:mm a')}
      
      
        <div>
          {row[5]}
        </div>
         (
             close()}
              overrides={{
                List: {style: {height: '144px', width: '138px'}},
              }}
            /&gt;
          )}
        &gt;
          <button size="compact" kind="minimal" shape="square"></button>

const VersionSelector = () => {
  return (
     (
        
           {
              window.open(`https://${item.label}.baseweb.design`);
              close();
            }}
            overrides={{
              List: {
                style: {
                  width: '100px',
                },
              },
              Option: {

{format(row[2], 'yyyy-MM-dd h:mm a')}
      
      
        <div>
          {row[5]}
        </div>
         (
             close()}
              overrides={{
                List: {style: {height: '144px', width: '138px'}},
              }}
            /&gt;
          )}
        &gt;
          <button size="compact" kind="minimal" shape="square"></button>

export default () => {
  const [css] = useStyletron();
  return (
    <div>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Checkbox's Root
          element.
        
      
      <br>
      </div>

export default () => (
   (
       close()}
        overrides={{
          List: {style: {height: '150px', width: '138px'}},
        }}
      />
    )}
  >
    <button> }&gt;
      Open Menu
    </button>
  
);

content={
          
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      >
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Chackbox's Root
          element.
        
      
      <br>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        <span>
          
            Wrapped checkbox with props passed to the wrapper.
          
        </span>
      
    
  );