import _DatePicker from "@alifd/next/es/date-picker";
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["format", "style", "disabled", "placeholder", "value", "size", "hasClear", "label", "showSearch"];
import * as React from 'react';
var DatePickerName = function DatePickerName(_ref) {
  var format = _ref.format,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style,
    disabled = _ref.disabled,
    placeholder = _ref.placeholder,
    value = _ref.value,
    size = _ref.size,
    hasClear = _ref.hasClear,
    label = _ref.label,
    showSearch = _ref.showSearch,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var _style = style || {};
  // console.log(document.querySelector('.next-overlay-inner').style.width = '10px');
  // console.log(document.querySelector('.next-overlay-inner').style.width,333333);

  //   if(size=='large'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="40px"
  //   }

  //   if(size=='medium'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="38px"
  //   }
  //   if(size=='small'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="28px"
  //   }
  // if (!_style.width) _style.width = '320px'
  // if (!_style.color) _style.color = '#409EFF'
  // _style.backgroundColor = '#409EFF'
  var _otherProps = otherProps || {};
  _otherProps.style = _style;
  return /*#__PURE__*/React.createElement(_DatePicker, _extends({
    prefix: "next-",
    format: format,
    size: size,
    popupTriggerType: "click"
    // popupAlign="tl tl"
    ,
    hasClear: hasClear,
    label: label
    // state="success"
    ,
    placeholder: placeholder,
    disabled: disabled
    // defaultVisible={defaultVisible}
    ,
    value: value
  }, otherProps));
};
DatePickerName.displayName = 'DatePickerName';
export default DatePickerName;