fix: demo updates

Author: tugcekucukoglu

apps/showcase/demo/slider/input-demo.tsx

@@ -1,3 +1,4 @@
+import { SliderChangeEvent } from '@primereact/types/shared/slider';
 import { InputText } from 'primereact/inputtext';
 import { Slider } from 'primereact/slider';
 import * as React from 'react';
@@ -8,8 +9,8 @@ export default function InputDemo() {
     return (
         <div className="card flex justify-center">
             <div className="w-56">
-                <InputText value={value} onChange={(e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value)} fluid className="mb-4" />
-                <Slider value={value} onValueChange={(e, newValue) => setValue(newValue)} className="w-full">
+                <InputText value={value} onChange={(e: React.ChangeEvent<HTMLInputElement>) => setValue(Number(e.target.value))} fluid className="mb-4" />
+                <Slider value={value} onValueChange={(e: SliderChangeEvent) => setValue(e.value as number)} className="w-full">
                     <Slider.Range />
                     <Slider.Thumb />
                 </Slider>

packages/styles/src/slider/Slider.style.ts

@@ -10,7 +10,6 @@ export const styles = createStyles<SliderInstance>({
             'p-slider p-component',
             {
                 'p-disabled': props.disabled,
-                // 'p-invalid': instance.$invalid,
                 'p-slider-horizontal': props.orientation === 'horizontal',
                 'p-slider-vertical': props.orientation === 'vertical'
             }