npm - @progress/kendo-themes-html - Versions diffs - 5.6.1-dev.2 → 5.6.1-dev.3 - Mend

@progress/kendo-themes-html 5.6.1-dev.2 → 5.6.1-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/src/grid/tests/grid-long-titles.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu k-state-active" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu k-state-active" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 Active Column Menu &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet consectetur adipiscing elit
@@ -58,7 +58,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 Lorem ipsum dolor sit amet consectetur adipiscing elit &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RTL Column Menu
@@ -144,7 +144,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 <a className="k-link" href="#">
@@ -172,7 +172,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 <a className="k-link" href="#">

package/src/grid/tests/grid-multicolumn-headers.tsx CHANGED Viewed

@@ -145,33 +145,33 @@ root.render(
                                 <thead>
                                     <tr>
                                         <th scope="col" rowSpan={3} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Company</a>
                                         </th>
                                         <th scope="col" colSpan={5} className="k-header">Contact Info</th>
                                     </tr>
                                     <tr>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon k-first">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">First Name</a>
                                         </th>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Last Name</a>
                                         </th>
                                         <th scope="col" colSpan={2} className="k-header">Location</th>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Phone</a>
                                         </th>
                                     </tr>
                                     <tr>
                                         <th scope="col" className="k-header k-with-icon k-first">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Country</a>
                                         </th>
                                         <th scope="col" className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">City</a>
                                         </th>
                                     </tr>

package/src/menu-button/menu-button.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { classNames } from '../utils';
 import { Button } from '../button';
-import { Icon } from '../icon';
 export interface MenuButtonProps {
@@ -72,8 +71,9 @@ export class MenuButton extends React.Component<MenuButtonProps> {
                 selected={selected}
                 disabled={disabled}
                 icon={icon}
+                showArrow={showArrow}
+                arrowIconName={arrowIconName}
             >
-                {showArrow && <span className="k-menu-button-arrow k-button-arrow"><Icon name={arrowIconName} /></span>}
             </Button>
         );
     }

package/src/scheduler/tests/scheduler-adaptive-agenda.tsx CHANGED Viewed

@@ -32,10 +32,9 @@ root.render(
                                 <div className="k-scheduler-toolbar k-toolbar">
                                     <span className="k-scheduler-navigation">
                                         <Button className="k-nav-prev" icon="arrow-chevron-left"></Button>
-                                        <span className="k-nav-current">
-                                            <span className="k-m-date-format">Jun 13 - 20</span>
-                                            <span className="k-y-date-format">2013</span>
-                                        </span>
+                                        <Button className="k-nav-current" fillMode="flat" >
+                                            Jun 13 - 20, 2013
+                                        </Button>
                                         <Button className="k-nav-next" icon="arrow-chevron-right"></Button>
                                     </span>
                                 </div>

package/src/scheduler/tests/scheduler-adaptive-day-resource-group.tsx CHANGED Viewed

@@ -32,10 +32,9 @@ root.render(
                                 <div className="k-scheduler-toolbar k-toolbar">
                                     <span className="k-scheduler-navigation">
                                         <Button className="k-nav-prev" icon="arrow-chevron-left"></Button>
-                                        <span className="k-nav-current">
-                                            <span className="k-m-date-format">Jun 13</span>
-                                            <span className="k-y-date-format">2013</span>
-                                        </span>
+                                        <Button className="k-nav-current" fillMode="flat" >
+                                            Jun 13, 2013
+                                        </Button>
                                         <Button className="k-nav-next" icon="arrow-chevron-right"></Button>
                                     </span>
                                 </div>

package/src/scheduler/tests/scheduler-adaptive-day.tsx CHANGED Viewed

@@ -32,10 +32,9 @@ root.render(
                                 <div className="k-scheduler-toolbar k-toolbar">
                                     <span className="k-scheduler-navigation">
                                         <Button className="k-nav-prev" icon="arrow-chevron-left"></Button>
-                                        <span className="k-nav-current">
-                                            <span className="k-m-date-format">Jun 13</span>
-                                            <span className="k-y-date-format">2013</span>
-                                        </span>
+                                        <Button className="k-nav-current" fillMode="flat" >
+                                            Jun 13, 2013
+                                        </Button>
                                         <Button className="k-nav-next" icon="arrow-chevron-right"></Button>
                                     </span>
                                 </div>

package/src/scheduler/tests/scheduler-adaptive-month.tsx CHANGED Viewed

@@ -32,10 +32,9 @@ root.render(
                                 <div className="k-scheduler-toolbar k-toolbar">
                                     <span className="k-scheduler-navigation">
                                         <Button className="k-nav-prev" icon="arrow-chevron-left"></Button>
-                                        <span className="k-nav-current">
-                                            <span className="k-m-date-format">June</span>
-                                            <span className="k-y-date-format">2013</span>
-                                        </span>
+                                        <Button className="k-nav-current" fillMode="flat" >
+                                            June, 2013
+                                        </Button>
                                         <Button className="k-nav-next" icon="arrow-chevron-right"></Button>
                                     </span>
                                 </div>

package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">6/23/2019 - 6/29/2019</span>
-                            <span className="k-lg-date-format">Sunday, June 23, 2019 - Saturday, June 29, 2019</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            Sunday, June 23, 2019 - Saturday, June 29, 2019
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular-agenda.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">6/23/2019 - 6/29/2019</span>
-                            <span className="k-lg-date-format">Sunday, June 23, 2019 - Saturday, June 29, 2019</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            Sunday, June 23, 2019 - Saturday, June 29, 2019
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular-day-rtl.tsx CHANGED Viewed

@@ -20,11 +20,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">6/24/2013</span>
-                            <span className="k-lg-date-format">Monday, June 24, 2013</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            Monday, June 24, 2013
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular-month-rtl.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">June 2013</span>
-                            <span className="k-lg-date-format">June 2013</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            June 2013
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular-month.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">June 2013</span>
-                            <span className="k-lg-date-format">June 2013</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            June 2013
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular-rtl.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">6/23/2019 - 6/29/2019</span>
-                            <span className="k-lg-date-format">Sunday, June 23, 2019 - Saturday, June 29, 2019</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            Sunday, June 23, 2019 - Saturday, June 29, 2019
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-angular.tsx CHANGED Viewed

@@ -27,11 +27,9 @@ root.render(
                                 <Button icon="arrow-60-right"></Button>
                             </div>
                         </div>
-                        <a className="k-nav-current" href="#">
-                            <Icon name="calendar"></Icon>
-                            <span className="k-sm-date-format">6/23/2019 - 6/29/2019</span>
-                            <span className="k-lg-date-format">Sunday, June 23, 2019 - Saturday, June 29, 2019</span>
-                        </a>
+                        <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                            Sunday, June 23, 2019 - Saturday, June 29, 2019
+                        </Button>
                     </div>
                     <span className="k-spacer"></span>
                     <div className="k-scheduler-views-wrapper">

package/src/scheduler/tests/scheduler-flex-layout.tsx CHANGED Viewed

@@ -17,11 +17,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/24/2019</span>
-                        <span className="k-lg-date-format">Monday, June 24, 2019</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Monday, June 24, 2019
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-jquery-agenda.tsx CHANGED Viewed

@@ -24,11 +24,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/10/2013 - 6/14/2013</span>
-                        <span className="k-lg-date-format">Monday, June 10, 2013 - Friday, June 14, 2013</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Monday, June 10, 2013 - Friday, June 14, 2013
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-jquery-month.tsx CHANGED Viewed

@@ -39,11 +39,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a role="button" href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format" data-bind="text: formattedShortDate">June, 2013</span>
-                        <span className="k-lg-date-format" data-bind="text: formattedDate">June, 2013</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        June, 2013
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-agenda.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/21/2020 - 6/28/2020</span>
-                        <span className="k-lg-date-format">Sunday, June 21, 2020 - Saturday, June 27, 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Sunday, June 21, 2020 - Saturday, June 27, 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-day.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/24/2020</span>
-                        <span className="k-lg-date-format">Wednesday, June 24, 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Wednesday, June 24, 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-month.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">June 2020</span>
-                        <span className="k-lg-date-format">June 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        June 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-timeline-multi.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/24/2020 - 6/26/2020</span>
-                        <span className="k-lg-date-format">Wednesday, June 24, 2020 - Thursday, June 25, 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Wednesday, June 24, 2020 - Thursday, June 25, 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-timeline.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/24/2020</span>
-                        <span className="k-lg-date-format">Wednesday, June 24, 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Wednesday, June 24, 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-react-week.tsx CHANGED Viewed

@@ -25,11 +25,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/21/2020 - 6/28/2020</span>
-                        <span className="k-lg-date-format">Sunday, June 21, 2020 - Saturday, June 27, 2020</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Sunday, June 21, 2020 - Saturday, June 27, 2020
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler-year.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { Button } from '../../button';
-import { Icon } from '../../icon';
 const root = ReactDOM.createRoot(
     document.getElementById('app') as HTMLElement
@@ -17,11 +16,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">2021</span>
-                        <span className="k-lg-date-format">2021</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        2021
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/scheduler/tests/scheduler.tsx CHANGED Viewed

@@ -17,11 +17,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">6/10/2013 - 6/14/2013</span>
-                        <span className="k-lg-date-format">Monday, June 10, 2013 - Friday, June 14, 2013</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Monday, June 10, 2013 - Friday, June 14, 2013
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">
@@ -223,14 +221,14 @@ root.render(
                                                 <td className="k-nonwork-hour"></td>
                                                 <td className="k-nonwork-hour"></td>
                                                 <td className="k-nonwork-hour"></td>
-                                                <td className="k-nonwork-hour k-state-selected"></td>
+                                                <td className="k-nonwork-hour k-selected"></td>
                                             </tr>
                                             <tr className="k-middle-row">
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
-                                                <td className="k-state-selected"></td>
+                                                <td className="k-selected"></td>
                                             </tr>
                                             <tr>
                                                 <td></td>
@@ -475,7 +473,7 @@ root.render(
                                         <span className="k-resize-handle k-resize-n"></span>
                                         <span className="k-resize-handle k-resize-s"></span>
                                     </div>
-                                    <div style={{ top: "36px", height: "108px", width: "166px", left: "348px" }} className="k-event k-state-hover k-event-ongoing">
+                                    <div style={{ top: "36px", height: "108px", width: "166px", left: "348px" }} className="k-event k-hover k-event-ongoing">
                                         <span className="k-event-actions">
                                             <Icon name="reload"></Icon>
                                         </span>
@@ -489,7 +487,7 @@ root.render(
                                         <span className="k-resize-handle k-resize-n"></span>
                                         <span className="k-resize-handle k-resize-s"></span>
                                     </div>
-                                    <div style={{ top: "110px", height: "71px", width: "166px", left: "520px" }} className="k-event k-state-selected k-event-ongoing">
+                                    <div style={{ top: "110px", height: "71px", width: "166px", left: "520px" }} className="k-event k-selected k-event-ongoing">
                                         <span className="k-event-actions"></span>
                                         <div>
                                             <div className="k-event-template k-event-time">8:30 AM - 9:30 AM</div>
@@ -571,11 +569,9 @@ root.render(
                         <Button icon="arrow-60-left"></Button>
                         <Button icon="arrow-60-right"></Button>
                     </span>
-                    <a href="#" className="k-nav-current">
-                        <Icon name="calendar"></Icon>
-                        <span className="k-sm-date-format">2/18/2019</span>
-                        <span className="k-lg-date-format">Monday, February 18, 2019</span>
-                    </a>
+                    <Button icon="calendar" className="k-nav-current" fillMode="flat" >
+                        Monday, February 18, 2019
+                    </Button>
                     <span className="k-spacer"></span>
                     <span className="k-scheduler-views-wrapper">
                         <select className="k-views-dropdown k-picker k-dropdown-list k-dropdown k-rounded-md">

package/src/splitter/tests/splitter.tsx CHANGED Viewed

@@ -35,29 +35,45 @@ root.render(
                         <div style={{ flexBasis: "10px", order: "10" }} className="k-pane-static k-pane">
                         </div>
                         <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "1" }}>
-                            <Icon className="k-collapse-prev" name="arrow-w"></Icon>
+                            <div className="k-collapse-prev">
+                                <Icon name="arrow-w"></Icon>
+                            </div>
                             <div className="k-resize-handle"></div>
                             <Icon />
                         </div>
                         <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "3" }}>
                             <Icon />
                             <div className="k-resize-handle"></div>
-                            <Icon className="k-collapse-next" name="arrow-e"></Icon>
+                            <div className="k-collapse-next">
+                                <Icon name="arrow-e"></Icon>
+                            </div>
                         </div>
                         <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "5" }}>
-                            <Icon className="k-collapse-prev" name="arrow-w"></Icon>
+                            <div className="k-collapse-prev">
+                                <Icon name="arrow-w"></Icon>
+                            </div>
                             <div className="k-resize-handle"></div>
-                            <Icon className="k-collapse-next" name="arrow-e"></Icon>
+                            <div className="k-collapse-next">
+                                <Icon name="arrow-e"></Icon>
+                            </div>
                         </div>
                         <div className="k-splitbar k-state-hover k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "7" }}>
-                            <Icon className="k-collapse-prev" name="arrow-w"></Icon>
+                            <div className="k-collapse-prev">
+                                <Icon name="arrow-w"></Icon>
+                            </div>
                             <div className="k-resize-handle"></div>
-                            <Icon className="k-collapse-next" name="arrow-e"></Icon>
+                            <div className="k-collapse-next">
+                                <Icon name="arrow-e"></Icon>
+                            </div>
                         </div>
                         <div className="k-splitbar k-state-focused k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "9" }}>
-                            <Icon className="k-collapse-prev" name="arrow-w"></Icon>
+                            <div className="k-collapse-prev">
+                                <Icon name="arrow-w"></Icon>
+                            </div>
                             <div className="k-resize-handle"></div>
-                            <Icon className="k-collapse-next" name="arrow-e"></Icon>
+                            <div className="k-collapse-next">
+                                <Icon name="arrow-e"></Icon>
+                            </div>
                         </div>
                     </div>
                 </div>

package/src/treelist/tests/treelist.tsx CHANGED Viewed

@@ -21,9 +21,9 @@ root.render(
                                 </colgroup>
                                 <thead>
                                     <tr>
-                                        <th className="k-header k-with-icon"><a className="k-header-column-menu"><Icon name="more-vertical"></Icon></a><a className="k-link">First
+                                        <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical"></Icon></a><a className="k-link">First
                                                 Name</a></th>
-                                        <th className="k-header k-with-icon"><a className="k-header-column-menu"><Icon name="more-vertical"></Icon></a><a className="k-link">Last
+                                        <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical"></Icon></a><a className="k-link">Last
                                                 Name</a></th>
                                     </tr>
                                 </thead>