@gitlab/ui/dist/components/base/datepicker/datepicker.documentation.js

GitLab UI Components

import examples from './examples';

var description = "# Datepicker\n\n<!-- STORY -->\n\n## Usage\n\nDate picker allows users to choose and input a date by manually typing the date into the input field or by using a calendar-like dropdown.\n\n";

var datepicker_documentation = {
  description: description,
  examples: examples,
  propsInfo: {
    container: {
      additionalInfo: 'DOM node to render calendar into'
    },
    field: {
      additionalInfo: 'Bind datepicker to a form field. If provided, default form field won’t be rendered.'
    },
    disableDayFn: {
      additionalInfo: 'Accepts a function that accepts a date as argument and returns true if the date is disabled.'
    }
  },
  events: [{
    event: 'input',
    description: 'Emitted when a new date has been selected.',
    args: [{
      arg: 'date',
      description: 'The selected date'
    }]
  }, {
    event: 'close',
    description: 'Emitted when the datepicker is hidden.'
  }, {
    event: 'open',
    description: 'Emitted when the datepicker becomes visible.'
  }, {
    event: 'draw',
    description: 'Emitted when the datepicker draws a new month.'
  }]
};

export default datepicker_documentation;