Add more content to notebook

Signed-off-by: Itay Dafna <[email protected]>

Author: ibdafna

notebooks/08.Ipywidgets_8/08.00-ipywidgets_8.ipynb

@@ -30,12 +30,14 @@
    "id": "8d1c293b-9eee-4355-af38-34a997efaf44",
    "metadata": {},
    "source": [
-    "#### In this session will cover some of the main changes in ipywidgets 8 for both users and developers"
+    "#### In this session will cover some of the main changes in ipywidgets 8 for users. These changes are also documented in [here](https://ipywidgets.readthedocs.io/en/latest/user_migration_guides.html)\n",
+    "\n",
+    "#### If you are a widgets developer, please refer to [the migration guide](https://ipywidgets.readthedocs.io/en/latest/migration_guides.html)"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": null,
    "id": "a0881c40-c4b0-434d-a1a4-857cba969601",
    "metadata": {},
    "outputs": [],
@@ -45,21 +47,10 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": null,
    "id": "a89234b0-b0a0-46d3-8567-97465d69dff4",
    "metadata": {},
-   "outputs": [
-    {
-     "data": {
-      "text/plain": [
-       "'8.0.0rc1'"
-      ]
-     },
-     "execution_count": 4,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
+   "outputs": [],
    "source": [
     "widgets.__version__"
    ]
@@ -69,13 +60,15 @@
    "id": "a407df5a-d525-46f7-adf2-fac35c2b9d8a",
    "metadata": {},
    "source": [
-    "#### Python 2.x and <=3.5 is not supported in ipywidgets 8."
+    "<span style=\"color: red; font-weight: bold\">Python 2.x and <=3.5 are not supported in ipywidgets 8.</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "id": "b35372a7-dc80-48f5-9c03-f7d59c52c59e",
-   "metadata": {},
+   "metadata": {
+    "tags": []
+   },
    "source": [
     "#### New styling attributes support for core widgets:\n",
     "1. `font-family` \n",
@@ -88,28 +81,12 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 53,
+   "execution_count": null,
    "id": "dbe91b98-bb7a-4292-8df0-efbc49fdfef0",
    "metadata": {},
-   "outputs": [
-    {
-     "data": {
-      "application/vnd.jupyter.widget-view+json": {
-       "model_id": "554101bd5a314be4bcefc9f34465a7e3",
-       "version_major": 2,
-       "version_minor": 0
-      },
-      "text/plain": [
-       "VBox(children=(HBox(children=(Combobox(value='option B', options=('option A', 'option B', 'Another option'), s…"
-      ]
-     },
-     "execution_count": 53,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
+   "outputs": [],
    "source": [
-    "from ipywidgets import ToggleButton, Checkbox, Button, HTML, HTMLMath, Label, Textarea, Password, Combobox, HBox, VBox\n",
+    "from ipywidgets import Valid, Text, ToggleButton, Checkbox, Button, HTML, HTMLMath, Label, Textarea, Password, Combobox, HBox, VBox\n",
     "\n",
     "checkbox = Checkbox(description='Option A', style=dict(background='lightblue'))\n",
     "valid = Valid(value=False, style=dict(background='lightblue'))\n",
@@ -204,29 +181,13 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 43,
+   "execution_count": null,
    "id": "22dd3054-3c92-4377-b708-542bd7f4db4e",
    "metadata": {},
-   "outputs": [
-    {
-     "data": {
-      "application/vnd.jupyter.widget-view+json": {
-       "model_id": "661df8350d804df79494075c43f4a2f9",
-       "version_major": 2,
-       "version_minor": 0
-      },
-      "text/plain": [
-       "Button(layout=Layout(border_bottom='5px solid red', border_left='5px solid green', border_right='5px solid blu…"
-      ]
-     },
-     "execution_count": 43,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
+   "outputs": [],
    "source": [
     "from ipywidgets import Button, Layout\n",
-    "btn = widgets.Button(layout=Layout(border_left=\"5px solid green\", border_right=\"5px solid blue\", border_top=\"5px solid yellow\", border_bottom=\"5px solid red\"))\n",
+    "btn = Button(layout=Layout(border_left=\"5px solid green\", border_right=\"5px solid blue\", border_top=\"5px solid yellow\", border_bottom=\"5px solid red\"))\n",
     "btn"
    ]
   },
@@ -238,12 +199,37 @@
     "#### New slider implementation based on `nouislider` with support for range dragging."
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "1aed6d31-834e-48f4-b196-526d6de2de39",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import IntRangeSlider\n",
+    "slider = IntRangeSlider(min=0, max=100)\n",
+    "slider"
+   ]
+  },
   {
    "cell_type": "markdown",
    "id": "709e5005-1569-4232-a618-5bde081247db",
    "metadata": {},
    "source": [
-    "#### Tooltip for any HTML-based widget"
+    "#### Tooltips available on all DOM widgets"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "efaeb9cb-a34a-4a81-94a2-b4b3329fbe81",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import FileUpload\n",
+    "\n",
+    "fileupload = FileUpload(tooltip='Upload a file because this tooltip says so')\n",
+    "fileupload"
    ]
   },
   {
@@ -254,13 +240,69 @@
     "#### ErrorWidget fallback when widget models or views fail."
    ]
   },
+  {
+   "cell_type": "markdown",
+   "id": "2b912ea3-da50-4579-820e-4bdc3996d918",
+   "metadata": {},
+   "source": [
+    "#### ADd `Stacked` layout attribute"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "c7bf1da3-f281-483a-962c-cd02be83a207",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import Stacked, IntSlider\n",
+    "button = Button(description='Click here')\n",
+    "slider = IntSlider(value=100, min=0, max=100)\n",
+    "stacked = Stacked([button, slider], selected_index=0)\n",
+    "stacked  # will show only the button\""
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "21bcd147-9644-46d4-bb7b-54d6669611b0",
+   "metadata": {},
+   "source": [
+    "#### New `TagsInput` widget"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "c3810042-70bd-4c9e-9328-44cea0332163",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import TagsInput\n",
+    "\n",
+    "tagsinput = TagsInput(allowed_tags=\"One Two Three Four Five\".split())\n",
+    "tagsinput"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "a00f2834-6340-4207-96cb-9cbd3cf08e10",
+   "metadata": {},
+   "source": [
+    "#### New `DatetimePicker` widget"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "bec074df-80ab-4b9f-855e-e9bae4d8b1b5",
+   "id": "2324621d-1d24-414d-b181-c2f8624e3821",
    "metadata": {},
    "outputs": [],
-   "source": []
+   "source": [
+    "from ipywidgets import DatetimePicker\n",
+    "import datetime\n",
+    "dt = DatetimePicker()\n",
+    "dt"
+   ]
   }
  ],
  "metadata": {