<h2>Overview</h2>
<p>The Angular Bootstrap Calendar brings a streamlined, jQuery-free calendar experience to AngularJS applications. Designed to replicate the functionality and layout of the original jQuery bootstrap calendar, this plugin eliminates the overhead associated with loading jQuery for a single component. Although the project is unmaintained due to the shift in focus toward Angular 2 and beyond, it still serves as a useful asset for projects stuck on AngularJS versions from 1.3.x to 1.6.x.</p>
<p>While the plugin has reached its feature-complete status, users can freely fork and modify the codebase to suit their unique needs. As the community leans towards more modern frameworks and libraries, Angular Bootstrap Calendar stands as a testament to past development practices while also pointing users toward its successor, angular-calendar.</p>
<h2>Features</h2>
<ul>
<li><strong>Lightweight:</strong> Functions without jQuery, reducing the weight of your application by eliminating unnecessary dependencies.</li>
<li><strong>Multiple Views:</strong> Supports various calendar views including year, month, week, and day, making it adaptable for different use cases.</li>
<li><strong>Event Display:</strong> Configurable to show events with required attributes like title, color, and start time, ensuring clear and effective presentation.</li>
<li><strong>Easy Integration:</strong> Can be easily installed via Bower or npm, with straightforward setup instructions for integration into AngularJS apps.</li>
<li><strong>Customizable Titles:</strong> Allows for custom formatting of the calendar title using the calendarConfig or by overriding methods, ensuring flexibility in presentation.</li>
<li><strong>Optional Dependencies:</strong> Offers optional features like drag and drop functionality and mobile touch support for enhanced user experience.</li>
<li><strong>Community Contribution:</strong> Though unmaintained, the project is open for forking, allowing developers to modify and improve the code as needed.</li>
</ul>


<h2>Overview</h2>
<p>The mwl-confirm directive is a powerful and versatile tool designed for AngularJS applications that need a confirmation popover. Built upon Bootstrap styles, this directive enhances user interfaces by providing clear and visually appealing confirmation prompts. Whether you're looking to streamline user interactions or simply add a layer of security to critical actions, this directive can seamlessly integrate into your project, contextually asking users for confirmation when they perform significant tasks.</p>
<p>Installation is straightforward, thanks to compatibility with both Bower and npm. With its various customizable features, the mwl-confirm directive is an indispensable asset for developers wanting to enhance user experience without sacrificing simplicity or functionality.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Integration</strong>: Works seamlessly with AngularJS 1.3+ and Bootstrap 3+, making it a breeze to implement in your existing projects.</li>
<li><strong>Customizable Popover Title</strong>: Control the popover's title with interpolated values, allowing for dynamic and context-sensitive messaging.</li>
<li><strong>Flexible Message Body</strong>: The body of the popover can also utilize interpolation, tailoring the message to suit different use cases.</li>
<li><strong>Adjustable Button Text</strong>: Set custom texts for confirm and cancel buttons, with default options for quick setup.</li>
<li><strong>Dynamic Placement</strong>: Position the popover in various orientations (top, right, bottom, left) to suit your layout needs.</li>
<li><strong>Callback Expressions</strong>: Utilize Angular expressions for on-confirm and on-cancel actions to trigger specific behaviors when users make their choices.</li>
<li><strong>Custom Template Support</strong>: For those not using Bootstrap styles, you can specify a custom popover template to match your design.</li>
<li><strong>Control Over Appearance</strong>: Options for disabling buttons, hiding them altogether, or adding custom CSS classes allow for extensive styling flexibility.</li>
</ul>


<h2>Overview:</h2>
<p>The Angular Calendar is a versatile calendar component for Angular 1.5.0+ that offers month, week, and day views for displaying events. It requires manual setup or can be quickly installed through npm. The library strictly adheres to semver, and major API changes are introduced in new major versions post 1.0.</p>
<h2>Features:</h2>
<ul>
<li><strong>Month, Week, Day Views:</strong> Display events in various formats.</li>
<li><strong>Extensive API Documentation:</strong> Access a full list of component options and APIs.</li>
<li><strong>AoT and Universal Compatible:</strong> Supports Ahead-of-Time compilation and universal rendering.</li>
<li><strong>Angular Version Compatibility:</strong> Supports Angular 15.x and higher as well as older versions down to Angular 2.x.</li>
<li><strong>No Component Styles Included:</strong> Enables easy customization by importing CSS file separately.</li>
</ul>
<h2>Summary:</h2>
<p>The Angular Calendar is a robust calendar component for Angular applications, offering flexible event display options and compatibility with various Angular versions. It requires manual setup but provides extensive API documentation for easy integration. The library's decision to separate component styles facilitates customization, making it a versatile choice for developers looking to implement a calendar feature in their Angular projects.</p>


<h2>Overview</h2>
<p>Angular Confirmation Popover is a simple Angular directive designed for Angular 15.0+ that displays a Bootstrap-styled confirmation popover when an element is clicked. This provides an easy way to enhance user interactions by prompting for confirmation before executing actions.</p>
<h2>Features</h2>
<ul>
<li><strong>Bootstrap Styled Popover</strong>: Displays confirmation popover with Bootstrap styling.</li>
<li><strong>Simple Directive</strong>: Easy implementation as an Angular directive.</li>
<li><strong>Supports Angular 15.0+</strong>: Compatible with Angular version 15.0 and above.</li>
<li><strong>Custom Popover Styling</strong>: If not using Bootstrap, customized popover styles can be implemented.</li>
<li><strong>Auto-generated Documentation</strong>: Documentation is auto-generated via compodoc for reference.</li>
</ul>
<h2>Summary</h2>
<p>Angular Confirmation Popover is a useful Angular directive that enhances user interactions by providing a Bootstrap-styled confirmation popover, ensuring that important actions are confirmed before execution. The flexibility of custom popover styling and easy installation make it a convenient choice for developers working with Angular applications.</p>


<h2>Overview</h2>
<p>The Angular 15.0+ Drag and Drop library provides a highly efficient and straightforward way to implement drag-and-drop functionality in your applications. Built specifically for Angular, this library seamlessly integrates with the framework's ecosystem, making it an excellent choice for developers looking to enhance user interactivity. Featuring an observable-driven approach, it allows for efficient state management and smooth user experiences.</p>
<p>This library stands out particularly due to its ability to snap draggable elements to a grid, which can streamline layouts and improve organization within your web applications. With easy installation and comprehensive documentation, Angular 15.0+ Drag and Drop caters to both beginners and advanced users wanting to implement drag-and-drop functionality effortlessly.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Observable-powered:</strong> Utilizes observables to manage the drag-and-drop interactions, providing a reactive programming model that's familiar to Angular developers.</p>
</li>
<li>
<p><strong>Grid Snapping:</strong> Unique feature allowing elements to snap to a specified grid layout, perfect for organized placement and alignment.</p>
</li>
<li>
<p><strong>Easy Installation:</strong> Can be easily added to your project via npm, streamlining the setup process for developers.</p>
</li>
<li>
<p><strong>Custom Scroll Handling:</strong> Supports draggable elements within scrollable containers, ensuring smooth functionality irrespective of layout complexities.</p>
</li>
<li>
<p><strong>Auto-generated Documentation:</strong> Comprehensive documentation generated from the source code, making it easy to understand and implement features effectively.</p>
</li>
<li>
<p><strong>Development Friendly:</strong> Comes with a development server that allows live reloading and easy testing during the development phase.</p>
</li>
<li>
<p><strong>MIT License:</strong> Open source under the MIT license, ensuring flexibility and freedom for developers to use and modify as needed.</p>
</li>
</ul>


<h2>Overview:</h2>
<p>The angular-resizable-element is a directive for Angular 15.0+ that allows an element to be dragged and resized. It offers a simple yet effective way to add this functionality to your Angular applications.</p>
<h2>Features:</h2>
<ul>
<li><strong>Drag and Resize</strong>: Allows elements to be easily dragged and resized.</li>
<li><strong>Support for Angular 15.0+</strong>: Compatible with Angular versions 15.0 and higher.</li>
<li><strong>Installation via npm</strong>: Easily install the directive through npm.</li>
<li><strong>Auto-generated Documentation</strong>: All documentation is auto-generated for easy reference.</li>
<li><strong>Development Server</strong>: Includes a development server setup for ease of testing.</li>
<li><strong>Testing Support</strong>: Built-in support for running tests during development.</li>
<li><strong>MIT License</strong>: Released under the permissive MIT license.</li>
</ul>
<h2>Summary:</h2>
<p>The angular-resizable-element is a useful Angular directive that simplifies adding drag and resize functionality to elements within Angular applications. With easy installation via npm, auto-generated documentation, and testing support, this directive is a handy tool for creating interactive user interfaces. Made available under the MIT license, it offers flexibility for usage in various projects.</p>


<h2>Overview</h2>
<p>The Angular Text Input Highlight component is a versatile solution designed for highlighting specific parts of text within a textarea. This tool is particularly beneficial for applications that require the display of mentions or specific keywords, making it easier for users to interact with text input fields. With its straightforward installation process and extensive capabilities, this component enhances text input functionality and improves user experience.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Easy Installation</strong>: Simply install via npm and include the stylesheet in your application to get started quickly without hassle.</p>
</li>
<li>
<p><strong>Highlight Functionality</strong>: The component effectively highlights designated portions of text, which is perfect for featuring mentions or specific terms clearly.</p>
</li>
<li>
<p><strong>No Module Bundler Needed</strong>: For those not using a module bundler, the component can be utilized seamlessly, providing flexibility for different development environments.</p>
</li>
<li>
<p><strong>Auto-Generated Documentation</strong>: Comprehensive documentation is available, making it easy for developers to understand and implement features efficiently.</p>
</li>
<li>
<p><strong>Development Server</strong>: The tool comes with a local development server that auto-reloads on changes, allowing for a smooth testing process during development.</p>
</li>
<li>
<p><strong>Testing Support</strong>: Built-in testing capabilities ensure reliability, with options to run tests once or continually watch for changes.</p>
</li>
<li>
<p><strong>MIT License</strong>: The component is open-source and licensed under MIT, offering users freedom of use and modification for their projects.</p>
</li>
</ul>


Mattlewis92

Angular Bootstrap Calendar

Angular Bootstrap Confirm

Angular Calendar

Angular Confirmation Popover

Angular Draggable Droppable

Angular Resizable Element

Angular Text Input Highlight