{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "scheduler-default",
  "framework": "vue",
  "type": "registry:component",
  "component": "Scheduler",
  "variant": "default",
  "dependencies": [
    "@syncfusion/ej2-vue-calendars",
    "@syncfusion/ej2-vue-schedule"
  ],
  "description": "Scheduler with day, week, work week, month, agenda, resizing, and drag-and-drop events.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": false,
    "platformIndex": "https://ai.syncfusion.com/vue/llms.txt",
    "skillPack": "syncfusion/vue-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/vue/scheduler-default.md"
  },
  "files": [
    {
      "target": "src/components/scheduler-default/Scheduler.vue",
      "content": "<template>\n    <div class=\"schedule-vue-sample\">\n        <div class=\"col-md-9 control-section\">\n            <div class=\"content-wrapper\">\n                <ejs-schedule height=\"650px\" :selectedDate='selectedDate' :eventSettings='eventSettings'></ejs-schedule>\n            </div>\n        </div>\n        <div class=\"col-lg-3 property-section\">\n            <table id=\"property\" title=\"Properties\" style=\"width: 100%\">\n                <tbody>\n                    <tr style=\"height: 50px\">\n                        <td style=\"width: 100%;\">\n                            <div>\n                                <ejs-datepicker id='datepicker' :value='selectedDate' :showClearButton='false' :change='onDateChange'\n                                placeholder=\"Current Date\" floatLabelType=\"Always\"></ejs-datepicker>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n<script>\n    import { extend } from '@syncfusion/ej2-base';\n    import { ScheduleComponent, Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop } from \"@syncfusion/ej2-vue-schedule\";\n    import { DatePickerComponent } from '@syncfusion/ej2-vue-calendars';\n\n    const scheduleData = [\n    {\n        Id: 1,\n        Subject: 'Explosion of Betelgeuse Star',\n        Location: 'Space Centre USA',\n        StartTime: new Date(2021, 0, 10, 9, 30),\n        EndTime: new Date(2021, 0, 10, 11, 0),\n        CategoryColor: '#1aaa55'\n    }, {\n        Id: 2,\n        Subject: 'Thule Air Crash Report',\n        Location: 'Newyork City',\n        StartTime: new Date(2021, 0, 11, 12, 0),\n        EndTime: new Date(2021, 0, 11, 14, 0),\n        CategoryColor: '#357cd2'\n    }, {\n        Id: 3,\n        Subject: 'Blue Moon Eclipse',\n        Location: 'Space Centre USA',\n        StartTime: new Date(2021, 0, 12, 9, 30),\n        EndTime: new Date(2021, 0, 12, 11, 0),\n        CategoryColor: '#7fa900'\n    }, {\n        Id: 4,\n        Subject: 'Meteor Showers in 2021',\n        Location: 'Space Centre USA',\n        StartTime: new Date(2021, 0, 13, 13, 0),\n        EndTime: new Date(2021, 0, 13, 14, 30),\n        CategoryColor: '#ea7a57'\n    }, {\n        Id: 5,\n        Subject: 'Milky Way as Melting pot',\n        Location: 'Space Centre USA',\n        StartTime: new Date(2021, 0, 14, 12, 0),\n        EndTime: new Date(2021, 0, 14, 14, 0),\n        CategoryColor: '#00bdae'\n    }, {\n        Id: 6,\n        Subject: 'Mysteries of Bermuda Triangle',\n        Location: 'Bermuda',\n        StartTime: new Date(2021, 0, 14, 9, 30),\n        EndTime: new Date(2021, 0, 14, 11, 0),\n        CategoryColor: '#f57f17'\n    }\n];\n    \n    export default {\n        components: {\n          'ejs-schedule': ScheduleComponent,\n          'ejs-datepicker': DatePickerComponent\n        },\n        data: function () {\n            return {\n                eventSettings: { dataSource: extend([], scheduleData, null, true) },\n                selectedDate: new Date(2021, 0, 10)\n            }\n        },\n        provide: {\n            schedule: [Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop]\n        },\n        methods: {\n            onDateChange: function (args) {\n                this.selectedDate = args.value;\n            }\n        }\n    }\n\n</script>"
    },
    {
      "target": "src/components/scheduler-default/SchedulerView.vue",
      "content": "<template>\n  <Scheduler />\n</template>\n\n<script setup>\nimport Scheduler from '../../components/Scheduler.vue'\n</script>"
    }
  ]
}