<pre class='prettyprint'>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;link href=&quot;https://kendo.cdn.telerik.com/themes/11.0.2/default/default-main.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.0.min.js&quot;&gt;&lt;/script&gt;
    
    &lt;script src=&quot;https://unpkg.com/jszip/dist/jszip.min.js&quot;&gt;&lt;/script&gt;
    
    
    &lt;script src=&quot;js/kendo.all.min.js&quot;&gt;&lt;/script&gt;
    
    &lt;script src=&quot;js/kendo.timezones.min.js&quot;&gt;&lt;/script&gt;
    
&lt;/head&gt;
&lt;body&gt;
    &lt;div id=&quot;example&quot;&gt;
    &lt;div id=&quot;scheduler&quot;&gt;&lt;/div&gt;

    &lt;style&gt;
        /*
            Use the DejaVu Sans font for display and embedding in the PDF file.
            The standard PDF fonts have no support for Unicode characters.
        */
        .k-scheduler {
            font-family: &quot;DejaVu Sans&quot;, &quot;Arial&quot;, sans-serif;
            font-size: .9em;
        }

        /* Hide toolbar, navigation and footer during export */
        .k-pdf-export .k-scheduler-toolbar,
        .k-pdf-export .k-scheduler-navigation [ref-nav-today],
        .k-pdf-export .k-scheduler-navigation [ref-nav-prev],
        .k-pdf-export .k-scheduler-navigation [ref-nav-next],
        .k-pdf-export .k-scheduler-footer
        {
            display: none;
        }
    &lt;/style&gt;

    &lt;script&gt;
        // Import DejaVu Sans font for embedding

        // NOTE: Only required if the Kendo UI stylesheets are loaded
        // from a different origin, e.g. cdn.kendostatic.com
        kendo.pdf.defineFont({
            &quot;DejaVu Sans&quot;             : &quot;https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans.ttf&quot;,
            &quot;DejaVu Sans|Bold&quot;        : &quot;https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Bold.ttf&quot;,
            &quot;DejaVu Sans|Bold|Italic&quot; : &quot;https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf&quot;,
            &quot;DejaVu Sans|Italic&quot;      : &quot;https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf&quot;,
            &quot;WebComponentsIcons&quot;      : &quot;https://kendo.cdn.telerik.com/2017.1.223/styles/fonts/glyphs/WebComponentsIcons.ttf&quot;
        });
    &lt;/script&gt;

    &lt;!-- Load Pako ZLIB library to enable PDF compression --&gt;
    &lt;script src=&quot;https://unpkg.com/pako/dist/pako_deflate.min.js&quot;&gt;&lt;/script&gt;

    &lt;script&gt;
    $(function() {
        $(&quot;#scheduler&quot;).kendoScheduler({
            toolbar: [ &quot;pdf&quot; ],
            pdf: {
                fileName: &quot;Kendo UI Scheduler Export.pdf&quot;,
                proxyURL: &quot;https://demos.telerik.com/service/v2/core/export&quot;
            },
            date: new Date(&quot;2025/6/12&quot;),
            startTime: new Date(&quot;2025/6/12 07:00 AM&quot;),
            height: 600,
            views: [
                &quot;day&quot;,
                { type: &quot;workWeek&quot;, selected: true },
                &quot;week&quot;,
                &quot;month&quot;,
                &quot;agenda&quot;,
                { type: &quot;timeline&quot;, eventHeight: 50}
            ],
            timezone: &quot;Etc/UTC&quot;,
            dataSource: {
                batch: true,
                transport: {
                    read: {
                        url: &quot;https://demos.telerik.com/service/v2/core/tasks&quot;
                    },
                    update: {
                        url: &quot;https://demos.telerik.com/service/v2/core/tasks/update&quot;,
                        type: &quot;POST&quot;,
                        contentType: &quot;application/json&quot;
                    },
                    create: {
                        url: &quot;https://demos.telerik.com/service/v2/core/tasks/create&quot;,
                        type: &quot;POST&quot;,
                        contentType: &quot;application/json&quot;
                    },
                    destroy: {
                        url: &quot;https://demos.telerik.com/service/v2/core/tasks/destroy&quot;,
                        type: &quot;POST&quot;,
                        contentType: &quot;application/json&quot;
                    },
                    parameterMap: function(options, operation) {
                        if (operation !== &quot;read&quot; &amp;&amp; options.models) {
                            return kendo.stringify(options.models);
                        }
                    }
                },
                schema: {
                    model: {
                        id: &quot;taskId&quot;,
                        fields: {
                            taskId: { from: &quot;TaskID&quot;, type: &quot;number&quot; },
                            title: { from: &quot;Title&quot;, defaultValue: &quot;No title&quot;, validation: { required: true } },
                            start: { type: &quot;date&quot;, from: &quot;Start&quot; },
                            end: { type: &quot;date&quot;, from: &quot;End&quot; },
                            startTimezone: { from: &quot;StartTimezone&quot; },
                            endTimezone: { from: &quot;EndTimezone&quot; },
                            description: { from: &quot;Description&quot; },
                            recurrenceId: { from: &quot;RecurrenceID&quot; },
                            recurrenceRule: { from: &quot;RecurrenceRule&quot; },
                            recurrenceException: { from: &quot;RecurrenceException&quot; },
                            ownerId: { from: &quot;OwnerID&quot;, defaultValue: 1 },
                            isAllDay: { type: &quot;boolean&quot;, from: &quot;IsAllDay&quot; }
                        }
                    }
                }
            },
            resources: [
                {
                    field: &quot;ownerId&quot;,
                    title: &quot;Owner&quot;,
                    dataSource: [
                        { text: &quot;Alex&quot;, value: 1, color: &quot;#f8a398&quot; },
						{ text: &quot;Bob&quot;, value: 2, color: &quot;#2572c0&quot; },
						{ text: &quot;Charlie&quot;, value: 3, color: &quot;#118640&quot; }
                    ]
                }
            ]
        });

    });
    &lt;/script&gt;
&lt;/div&gt;


&lt;/body&gt;
&lt;/html&gt;
</pre>