wix-style-react/dist/stories/Calendar/ExampleTooltip.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Calendar = require('wix-style-react/Calendar');

var _Calendar2 = _interopRequireDefault(_Calendar);

var _Tooltip = require('wix-style-react/Tooltip');

var _Tooltip2 = _interopRequireDefault(_Tooltip);

var _Button = require('wix-style-react/Button');

var _Button2 = _interopRequireDefault(_Button);

var _Date = require('wix-style-react/new-icons/Date');

var _Date2 = _interopRequireDefault(_Date);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = function () {
  return _react2.default.createElement(
    _Tooltip2.default,
    {
      popover: true,
      placement: 'bottom',
      alignment: 'left',
      showArrow: false,
      hideTrigger: 'click',
      shouldCloseOnClickOutside: true,
      maxWidth: '300px',
      content: _react2.default.createElement(_Calendar2.default, { value: new Date(), onChange: function onChange() {} })
    },
    _react2.default.createElement(
      _Button2.default,
      { theme: 'icon-standard' },
      _react2.default.createElement(_Date2.default, null)
    )
  );
};