How to use tui-calendar - 3 common examples

To help you get started, we’ve selected a few tui-calendar examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github nhn / tui.calendar / test / types / type-tests.ts View on Github external
import Calendar, { ISchedule, IEventObject } from 'tui-calendar';

const querySelectorEl = document.querySelector('#div') ||
  document.getElementById('div') ||
  document.createElement('div') ||
  '#cal';

const calendar = new Calendar(querySelectorEl, {
    defaultView: 'week',
    taskView: true,
    scheduleView: ['allday', 'time'],
    template: {
        milestoneTitle() {
            return 'Milestone';
        },
        milestone(schedule: ISchedule) {
            return `<span style="color: red;">${schedule.title}</span>`;
        },
        taskTitle() {
            return 'Task';
        },
        task(schedule: ISchedule) {
            return `$nbsp;#${schedule.title}`;
        },
github lkmadushan / vue-tuicalendar / src / TuiCalendar.vue View on Github external
mounted () {
    this.calendar = new TuiCalendar(this.$el, this.options)

    this.registerEvents()
    this.render()
  },
github nhn / toast-ui.react-calendar / src / index.js View on Github external
componentDidMount() {
    const {schedules = [], view} = this.props;

    this.calendarInst = new TuiCalendar(this.rootEl.current, {
      ...this.props,
      defaultView: view
    });

    this.setSchedules(schedules);

    this.bindEventHandlers(this.props);
  }

tui-calendar

TOAST UI Calendar

MIT
Latest version published 3 years ago

Package Health Score

62 / 100
Full package analysis

Popular tui-calendar functions